通过Ajax请求HTML表单提交? [重复](html form submission via

2019-09-18 17:40发布

可能重复:
jQuery的AJAX提交表单

我对页面的形式,并代替我发布一个新的页面,是有办法,我可以做的onsubmit Ajax请求它呢? 我想使网页能够在结果加载到一个div。

我知道怎么写的脚本调用类的,但我不知道如果我不得不用手把它写或者,如果有可能采取的所有表单信息,而无需将其所有的代码插入到属性发送。 我想我可以只是做某种似的东西:的onClick,交形式,而是返回结果到一个div。

思考? 想法?

Answer 1:

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

然后你有一个div:

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

这将自动与您的阿贾克斯后的结果填充。

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

也看到了相关的问题吨的jQuery的检查阿贾克斯后的成功



Answer 2:

尝试使用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;
  } );


文章来源: html form submission via an ajax request? [duplicate]