jquery序列化表单以及回调函数的使用示例


Posted in Javascript onJuly 02, 2014

在开发项目中,将前台的值传给后台,有时的JSP表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jQuery提供的表单序列化方法,可以很好的解决这个问题,同时可以封装成通用的函数,执行成功可以调用各自的回调函数,实现各自的功能。

代码如下:

function queryUserInfo(actionUrl,formId,fun){ 
var params=new Object(); //声明数组 
$.each($("#"+formId).serializeArray(),function(index,param){ 
params[param.name] = param.value; //序列化表单 
}); 
params['time']=new Date(); //1 
$.ajax( { 
url : basePath+actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj); 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}

另一种方式:

function setUserInfo(actionUrl,userid,username,fun){ 
var params=new Object(); //声明数组 
params['user.id']=userid; 
params['user.name']=username; 
$.ajax( { 
url : actionUrl, 
data : params,//没有1,可以这样写("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服务端返回数据,才会执行后面的代码 
success : function(obj) { 
fun(actionUrl,formId,obj);//调用回调的函数 
}, 
error: function() { 
alert("访问异常"); 
} 
}); 
}
Javascript 相关文章推荐
javascript编程起步(第二课)
Feb 27 Javascript
javascript打开新窗口同时关闭旧窗口
Jan 16 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
Dec 26 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
vue路由跳转传参数的方法
May 06 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 #Javascript
js面向对象编程之如何实现方法重载
Jul 02 #Javascript
jquery.validate.js插件使用经验记录
Jul 02 #Javascript
escape编码与unescape解码汉字出现乱码的解决方法
Jul 02 #Javascript
js获取IP地址的方法小结
Jul 01 #Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 #Javascript
原生js事件的添加和删除的封装
Jul 01 #Javascript
You might like
PHP开发文件系统实例讲解
2006/10/09 PHP
php实现简单洗牌算法
2013/06/18 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
js中将String转换为number以便比较
2014/07/08 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
vue模式history下在iis中配置流程
2019/04/17 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
python删除列表内容
2015/08/04 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
用python实现名片管理系统
2020/06/18 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
文秘自荐信
2014/06/28 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
代收款委托书范本
2014/10/01 职场文书
实习生矿工检讨书
2014/10/13 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
hive数据仓库新增字段方法
2022/06/25 数据库