欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-07 10:17:27
在开发项目中,将前台的值传给后台,有时的jsp表单中的值有一两个,也有全部的值,如果这时一个个传,必定不是很好的办法,所以使用jquery提供的表单序列化方法,可以很好的解决这个问...

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