使用ajax异步提交表单的几种方法总结

发布时间：2020-12-15 23:02:49 所属栏目：百科来源：网络整理

导读：这里介绍三种常用的提交方式方式一手工收集所有的用户输入，封装为大的“k1=v1k2=v2...',cache:false,dataType:'json',success:function(data){ } }); 方式二单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1//序列化表格内容为字符串 $.ajax({

这里介绍三种常用的提交方式

方式一

手工收集所有的用户输入，封装为大的“k1=v1&k2=v2…”键值对形式，使用$.post(url,data,fn)把数据提交给服务器

$.ajax({ 
    type:'post',url:'Notice_noTipsNotice',data:'k1=v1&k2=v2...',cache:false,dataType:'json',success:function(data){ 
    } 
  });

方式二

单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式，再发起异步请求即可。

function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:'post',data:formParam,success:function(data){ 
    } 
  }); 
}

方式三

使用jQuery Form插件提供的ajaxSubmit()函数

$('#myform').ajaxSubmit({
type: 'GET/POST',url: 'xx.php',dataType: 'json',success: fn,clearForm: true,resetForm: true
}); 
//此函数会自动把选定的表单进行序列化并异步提交

以上这篇使用ajax异步提交表单的几种方法总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程小技巧。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!