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

发布时间：2020-12-14 22:30:36 所属栏目：资源来源：网络整理

导读：在开发项目中，将前台的值传给后台，有时的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,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,obj);//调用回调的函数 
},error: function() { 
alert("访问异常"); 
} 
}); 
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!