在開(kāi)發(fā)項(xiàng)目中,將前臺(tái)的值傳給后臺(tái),有時(shí)的JSP表單中的值有一兩個(gè),也有全部的值,如果這時(shí)一個(gè)個(gè)傳,必定不是很好的辦法,所以使用jQuery提供的表單序列化方法,可以很好的解決這個(gè)問(wèn)題,同時(shí)可以封裝成通用的函數(shù),執(zhí)行成功可以調(diào)用各自的回調(diào)函數(shù),實(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,//沒(méi)有1,可以這樣寫("#"+formId).serializeArray() type : 'POST', dataType:'json', async: false,//表示同步,等待服務(wù)端返回?cái)?shù)據(jù),才會(huì)執(zhí)行后面的代碼 success : function(obj) { fun(actionUrl,formId,obj); }, error: function() { alert("訪問(wèn)異常"); } }); }另一種方式:
function setUserInfo(actionUrl,userid,username,fun){ var params=new Object(); //聲明數(shù)組 params['user.id']=userid; params['user.name']=username; $.ajax( { url : actionUrl, data : params,//沒(méi)有1,可以這樣寫("#"+formId).serializeArray() type : 'POST', dataType:'json', async: false,//表示同步,等待服務(wù)端返回?cái)?shù)據(jù),才會(huì)執(zhí)行后面的代碼 success : function(obj) { fun(actionUrl,formId,obj);//調(diào)用回調(diào)的函數(shù) }, error: function() { alert("訪問(wèn)異常"); } }); }新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注