jquery序列化表單以及回調(diào)函數(shù)的使用示例
在開發(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("訪問異常"); } }); }
- jQuery回調(diào)函數(shù)的定義及用法實例
- 使用jQuery中的when實現(xiàn)多個AJAX請求對應單個回調(diào)的例子分享
- 從零學jquery之如何使用回調(diào)函數(shù)
- jQuery AJAX回調(diào)函數(shù)this指向問題
- jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
- jQuery的load()方法及其回調(diào)函數(shù)用法實例
- 淺談jquery回調(diào)函數(shù)callback的使用
- jquery Deferred 快速解決異步回調(diào)的問題
- jQuery插件擴展實例【添加回調(diào)函數(shù)】
- jQuery回調(diào)方法使用示例
相關(guān)文章
jquery對table中各數(shù)據(jù)的增加、保存、刪除操作示例
這篇文章主要介紹了jquery對table中各種數(shù)據(jù)的增加、保存、刪除操作,需要的朋友可以參考下2014-05-05利用jQuery實現(xiàn)滑動開關(guān)按鈕效果(附demo源碼下載)
這篇文章主要介紹了利用jQuery實現(xiàn)滑動開關(guān)按鈕效果,文中給出了詳細的介紹,并在文末給出了完整的demo源碼下載,有需要的朋友可以參考簡介,下面來一起看看吧。2017-02-02json+jQuery實現(xiàn)的無限級樹形菜單效果代碼
這篇文章主要介紹了json+jQuery實現(xiàn)的無限級樹形菜單效果代碼,涉及jquery針對json數(shù)據(jù)的遍歷、讀取及動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理的相關(guān)資料,需要的朋友可以參考下2015-11-11