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中的$(document).ready()与window.onload的区别
Nov 18 Javascript
初识JQuery 实例一(first)
Mar 16 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
jQuery取消特定的click事件
Feb 29 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
Javascript 引擎工作机制详解
Nov 30 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
Jan 17 Javascript
canvas实现图像截取功能
Feb 06 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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三层结构(上) 简单三层结构
2010/07/04 PHP
基于php实现长连接的方法与注意事项的问题
2013/05/10 PHP
探讨php中header的用法详解
2013/06/07 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
php curl 上传文件代码实例
2015/04/27 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
php取出数组单个值的方法
2018/03/12 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
2015/09/20 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
es6函数之箭头函数用法实例详解
2020/04/25 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
python中的多重继承实例讲解
2014/09/28 Python
Python判断两个对象相等的原理
2017/12/12 Python
python中int与str互转方法
2018/07/02 Python
python生成密码字典的方法
2018/07/06 Python
Python使用sort和class实现的多级排序功能示例
2018/08/15 Python
python画图的函数用法以及技巧
2019/06/28 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
python raise的基本使用
2020/09/10 Python
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
关于读书的演讲稿400字
2014/08/27 职场文书
客服专员岗位职责
2015/02/10 职场文书
社区义诊通知
2015/04/24 职场文书
企业党员岗位承诺书
2015/04/27 职场文书
初中班主任教育随笔
2015/08/15 职场文书
解决Redis启动警告问题
2022/02/24 Redis