1. 程式人生 > >jquery序列化表單以及回撥函式的使用

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("訪問異常");
		}
	});
}