javascript - 通过ajax请求提交html表单？

Question

可能重复：
jQuery AJAX 提交表单

我在页面 A 上有一个表单，而不是我发布到一个新页面，有没有办法我可以做 onSubmit ajax 请求呢？我想让页面能够将结果加载到 div 中。

我知道如何为调用类编写脚本，但我不确定我是否必须手写它，或者是否可以获取所有表单信息并将其发送而无需将其全部编码到属性中。我在想我可以做一些类似的事情：onClick，发布表单但将结果返回到一个 div。

想法？想法？

Answer 1

尝试使用 JQuery serialize(API ref here )

编辑：是这样的：

 $("input.submit").click( function() {
    $.ajax( {
      type: "POST",
      url: $("form").attr( 'action' ),
      data: $("form").serialize(),
      success: function( response ) {
        //Code to process the response
      }
    });
    return false;
  } );

Answer 2

$.ajax({
 url: 'mypage.html',
 success: function(data){
    $('.result').html(data);
 },
 error: function(){
   alert('failure');
 }
});

然后你有一个div：

<div class="result"> </div>

这将自动填充您的 ajax 帖子的结果。

http://api.jquery.com/jQuery.post/

另请参阅大量相关问题：Jquery checks success of ajax post