ajax - 如何在不添加新 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;
});