当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jquery序列化表单以及回调函数的使用示例

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

2019年03月25日  | 移动技术网IT编程  | 我要评论

在开发项目中，将前台的值传给后台，有时的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("访问异常"); 
} 
}); 
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网