码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-11-14 15:33:15      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:phoenix   解决   一个   stat   rac   http   error   pat   ryu   

在开发项目中。将前台的值传给后台,有时的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序列化表单以及回调函数的使用

标签:phoenix   解决   一个   stat   rac   http   error   pat   ryu   

原文地址:https://www.cnblogs.com/ldxsuanfa/p/9958015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!