jquery序列化表单以及回调函数的使用示例
更新时间：2014年07月02日 15:50:58 投稿：whsnow
使用jQuery提供的表单序列化方法可以很好的解决JSP表单中一个个传值的问题，下面有个示例，大家可以参考下
在开发项目中，将前台的值传给后台，有时的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("访问异常");
}
});
}
相关文章
这篇文章主要介绍的是自己用jQuery写了一个图片的马赛克消失效果实现过程,需要的朋友可以参考下2014-05-05
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了2013-11-11
这篇文章主要为大家详细介绍了layui表格效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了Jquery焦点图实例代码,详细讲述了使用jQuery实现焦点图的详细步骤,代码中备有较为详尽的注释说明,便于大家理解,需要的朋友可以参考下2014-11-11
这篇文章主要介绍了基于bootstrap3和jquery的分页插件的相关资料,需要的朋友可以参考下2015-07-07
解决Jquery load()加载GB2312页面时出现乱码的两种方案
jquery的字符集是utf-8，load方法加载完GB2312编码静态页面后，出现中文乱码，可以通过将两个页面的编码格式转换成utf8的方法来解决，具体如下，感兴趣的朋友可以参考下2013-09-09
本篇文章是关于JQuery 常用方法和事件详细介绍。需要的朋友参考下2013-04-04
这篇文章主要介绍了jquery 键盘事件的使用方法详解的相关资料,主要介绍keydown()、keyup()、keypress()等三种方法，需要的朋友可以参考下2017-09-09
jquery处理checkbox（复选框）是否被选中实例代码
这篇文章主要介绍了jquery处理checkbox（复选框）是否被选中实例代码的相关资料,需要的朋友可以参考下2017-06-06
Jquery下判断Id是否存在的代码，需要的朋友可以参考下。2011-01-01
最新评论