通过ajax请求提交html表单？

Question

可能重复:
jQuery AJAX提交表单

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

我知道如何编写调用类型的脚本,但我不确定是否必须手写它或者如果可以获取所有表单信息并发送它而不必将其全部编码到属性中.我以为我可以做一些像:onClick,post form但将结果返回div.

思考？想法？

Answer 1

尝试使用JQuery serialize(这里的API参考)

编辑:这样的事情:

 $("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