关于javascript:通过ajax请求提交html表单?

html form submission via an ajax request?

本问题已经有最佳答案,请猛点这里访问。

Possible Duplicate:
jQuery AJAX submit form

我在A页上有一个表单,而不是我发布到一个新页面,有没有一种方法可以代替提交Ajax请求?我想让页面能够将结果加载到一个DIV中。

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

思想?思想?


尝试使用jquery的serialize(此处为api-ref)

编辑:如下:

1
2
3
4
5
6
7
8
9
10
11
 $("input.submit").click( function() {
    $.ajax( {
      type:"POST",
      url: $("form").attr( 'action' ),
      data: $("form").serialize(),
      success: function( response ) {
        //Code to process the response
      }
    });
    return false;
  } );


1
2
3
4
5
6
7
8
9
$.ajax({
 url: 'mypage.html',
 success: function(data){
    $('.result').html(data);
 },
 error: function(){
   alert('failure');
 }
});

然后你有一个分区:

1
 

这将自动用Ajax文章的结果填充。

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

另请参阅大量相关问题:jquery检查Ajax Post的成功