如何在不添加新js文件的情况下向表单添加ajax响应？

Question

我有这个简单的提交表单，我希望“ajaxify”它，以便用户在提交后不会被重定向到此页面 thanks.php 。我希望 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;
});