ajax - 新しいjsファイルを追加せずにフォームにajax応答を追加するにはどうすればよいですか？

Question

私はこの単純な送信フォームを持っており、送信後にユーザーがこのページthanks.phpにリダイレクトされないように、それを「ajaxify」したいと思います。私はthanks.phpのコンテンツが応答し、div内に表示されるようにしたいと思います。

どのjqueryコードが応答を表示するためにこれに直接プラグインしますか。

<div ><form method="post" action="http://domain.com/thanks.php">
<input type="text" placeholder="Enter Email" name="email" id="email" > &nbsp;
<input type="submit" name="submit" value="Submit" ></form></div>

Answer 1

'form'と'div'にクラスまたはIDを与えるので、それほど一般的ではありませんが、これは機能するはずです。

$("form").submit(function (){
    $.ajax({
        url: "http://{url}/thanks.php",
        type: 'POST',
        data: {email: $("#email").val()},
        success: function ( data ) {
          $("div").html(data);
        }
    });

    return false;
});