Javascript：用户提交表单时不刷新页面的webform

Question

我希望在我的网站上有一个电子邮件简报订阅表单，当用户输入他们的电子邮件地址并提交时不会刷新页面，而是在电子邮件字段中留下“谢谢”文本。有没有人知道如何使用Jquery和AJAX

Answer 1

好吧，this is a request that changes a lot based on your scenario。但一个基本的例子是：

<form class="ajax" action="/newsletter/subscribe" method=POST>
    <input type=text name=email/>
    <input type=submit/>
</form>
<script>
    $(document).on("submit", "form.ajax", function(e){
          e.preventDefault();
          var form = $(this);
          $.ajax({
               url: form.attr("action"),
               type: form.attr("method"),
               data: form.serialize(),
               success: function(){
                // handle success
               },
               error: function(){
                // handle error
               }
           }
</script>

其他解决方案可能会有很大差异，但我试图保持简单。感谢。