使用AJAX异步提交表单的几种方式
2016-04-07 17:22
429 查看
这里介绍三种常用的提交方式
方式一
手工收集所有的用户输入,封装为大的“k1=v1&k2=v2…”键值对形式,使用$.post(url, data,fn)把数据提交给服务器
方式二
方式三
使用jQuery Form插件提供的ajaxSubmit()函数
方式一
手工收集所有的用户输入,封装为大的“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()函数
$('#myform').ajaxSubmit({ type: 'GET/POST', url: 'xx.php', dataType: 'json', success: fn, clearForm: true, resetForm: true }); //此函数会自动把选定的表单进行序列化并异步提交
相关文章推荐
- mybatis整合spring、springmvc时业务层无法进行事务回滚问题解决
- SecureCRT突然假死的问题(Ctrl+S)
- LintCode_166_链表倒数第n个节点
- Rman 备份参数 及 oracle 进程理论
- 五大常用算法:分治、动态规划、贪心、回溯、分支限界算法
- Fbric、Ansible、Docker、Chaos Monkey:DevOps工具的年中回顾
- dt dl列表布局
- hdoj 5256 序列变换 【LIS 变形】
- android_design support library-Snackbar
- 深入剖析CSS变形transform(3d)
- (6)
- hdoj 5253 连接的管道 【MST】
- win7 下oracle卸载
- struts.xml不在默认位置,导致出现HTTP Status 404 - There is no Action mapped for namespace [/] and action name [
- Codeforces 588E Duff in the Army 【树链剖分维护区间前k小】
- ios牛人博客
- MySQL与PostgreSQL的 SELECT FOR UPDATE
- 软件需求分析
- Android 使用Zxing生成二维码
- 15电气李丹【10个随机数求和】