ajax提交整个form表单

前端之家收集整理的这篇文章主要介绍了ajax提交整个form表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在项目开发中,有时提交form表单时不能单单用action或者jQuery

  1.  
  1.  
  1. 表单提交方法有三种,主要说下第三种
  1. 第一种:用form自带属性action提交
  1. 第二种:用jquery提交:$("#formid").submit();
  1. 第三种:用ajax提交:
  1. 但如果form表单中数据很多时,不可能一一列出,只需要用
    $('#yourformid').serialize()就可以了

举例如下:

  1. $.ajax({
  2. cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid
  3. async: false,error: function(request) {
  4. alert("Connection error");
  5. },success: function(data) {
  6. $("#commonLayout_appcreshi").parent().html(data);\
  7. }
  8. });

猜你在找的Ajax相关文章