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 最常用的10个自定义函数[推荐]
Dec 26 Javascript
jQuery学习基础知识小结
Nov 25 Javascript
javascript和jquery修改a标签的href属性
Dec 16 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
js css自定义分页效果
Feb 24 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 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设计模式 Observer(观察者模式)
2011/06/26 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
Smarty环境配置与使用入门教程
2016/05/11 PHP
Yii调试查看执行SQL语句的方法
2016/07/15 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
基于jQuery的星级评分插件
2011/08/12 Javascript
javascript学习笔记(三)BOM和DOM详解
2014/09/30 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
谈谈React中的Render Props模式
2018/12/06 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
java和js实现的洗牌小程序
2019/09/30 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
Python实现的密码强度检测器示例
2017/08/23 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
Django 自动生成api接口文档教程
2019/11/19 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Python bisect模块原理及常见实例
2020/06/17 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
公司授权委托书格式样本
2014/10/01 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
清明节主题班会
2015/08/14 职场文书
php字符串倒叙
2021/04/01 PHP
深入探讨opencv图像矫正算法实战
2021/05/21 Python
SQL 聚合、分组和排序
2021/11/11 MySQL