欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery序列化表單以及回調(diào)函數(shù)的使用示例

 更新時間:2014年07月02日 15:50:58   投稿:whsnow  
使用jQuery提供的表單序列化方法可以很好的解決JSP表單中一個個傳值的問題,下面有個示例,大家可以參考下

在開發(fā)項目中,將前臺的值傳給后臺,有時的JSP表單中的值有一兩個,也有全部的值,如果這時一個個傳,必定不是很好的辦法,所以使用jQuery提供的表單序列化方法,可以很好的解決這個問題,同時可以封裝成通用的函數(shù),執(zhí)行成功可以調(diào)用各自的回調(diào)函數(shù),實現(xiàn)各自的功能。

代碼如下:

function queryUserInfo(actionUrl,formId,fun){ 
var params=new Object(); //聲明數(shù)組 
$.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,//表示同步,等待服務端返回數(shù)據(jù),才會執(zhí)行后面的代碼 
success : function(obj) { 
fun(actionUrl,formId,obj); 
}, 
error: function() { 
alert("訪問異常"); 
} 
}); 
}

另一種方式:

function setUserInfo(actionUrl,userid,username,fun){ 
var params=new Object(); //聲明數(shù)組 
params['user.id']=userid; 
params['user.name']=username; 
$.ajax( { 
url : actionUrl, 
data : params,//沒有1,可以這樣寫("#"+formId).serializeArray() 
type : 'POST', 
dataType:'json', 
async: false,//表示同步,等待服務端返回數(shù)據(jù),才會執(zhí)行后面的代碼 
success : function(obj) { 
fun(actionUrl,formId,obj);//調(diào)用回調(diào)的函數(shù) 
}, 
error: function() { 
alert("訪問異常"); 
} 
}); 
}

相關(guān)文章

最新評論