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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
jQuery遮罩层效果实例分析
Jan 14 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
Jul 27 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
Vue拖拽组件开发实例详解
May 11 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
Oct 31 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删除数组中空值的方法介绍
2014/04/14 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
JS的反射问题
2010/04/07 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
vue给组件传递不同的值方法
2018/09/29 Javascript
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
python实现将汉字转换成汉语拼音的库
2015/05/05 Python
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
C#基础面试题
2016/10/17 面试题
表扬信格式
2014/01/12 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
2014党员民主评议个人总结
2014/09/10 职场文书
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL