Question

可能重复：
jQuery AJAX submit form

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

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

思考？想法？

Answer 1

尝试使用JQuery＆＃39; serialize（API参考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/

另见TONS相关问题：Jquery checking success of ajax post

通过ajax请求提交html表单？

2 个答案: