跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

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

下面我就为大家带来一篇使用 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', url:'Notice_noTipsNotice', data:formParam, cache:false, dataType:'json', success:function(data){ } }); }
方式三 使用jQuery Form插件提供的ajaxSubmit()函数 基于jQuery的AJAX和JSON的实例 中文WORD版 本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。有需要的朋友可以下载看看 下载
$('#myform').ajaxSubmit({ type: 'GET/POST', url: 'xx.php', dataType: 'json', success: fn, clearForm: true, resetForm: true }); //此函数会自动把选定的表单进行序列化并异步提交
上面是我整理给大家的,希望今后会对大家有帮助。 相关文章: 解决AJAX请求中含有数组的办法 Ajax请求和Filter配合案例解析 Ajax解决缓存的5种方法总结

相关文章