使用AJAX异步提交表单的几种方式
2017-05-19 16:31
330 查看
方式一手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器
html5方式可以参考:http://www.cnblogs.com/zhuxiaojie/p/4783939.html#autoid-1-0-0
$.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()函数
$('#myform').ajaxSubmit({ type: 'GET/POST', url: 'xx.php', dataType: 'json', success: fn, clearForm: true, resetForm: true }); //此函数会自动把选定的表单进行序列化并异步提交转载:http://blog.csdn.net/NextStand/article/details/51087582
html5方式可以参考:http://www.cnblogs.com/zhuxiaojie/p/4783939.html#autoid-1-0-0
相关文章推荐
- 使用AJAX异步提交表单的几种方式
- 使用AJAX异步提交表单的几种方式
- 使用AJAX异步提交表单的几种方式
- 使用ajax异步提交表单的几种方法总结
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- from表单使用ajax异步提交
- ExtJS框架下如何使表单不使用AJAX方式提交
- 使用ajaxSubmit异步,提交时MultipartFile必须有值,解决方式
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- 通过Ajax方式提交form表单上传文件,使用FormData进行Ajax请求
- 使用Ajax选取ListBox的值异步更新视图,并作为表单值提交
- 使用ajax提交form表单,包括ajax文件上传的两种方式
- Ajax提交表单数据的几种方式
- asp.net mvc4 使用java异步提交form表单时出现[object object] has no method ajaxSubmit
- 【ajax 提交表单】多种方式的注意事项 ,serialize()的使用
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- 基于springmvc的利用ajax进行表单异步提交(使用FormData方法)
- 使用 ajax 方式提交表单,并获取后台处理结果
- 使用extJs 2.0的form提交表单(非AJAX方式)
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案