jquery序列化表單以及回調(diào)函數(shù)的使用示例
在開發(fā)項(xiàng)目中,將前臺(tái)的值傳給后臺(tái),有時(shí)的JSP表單中的值有一兩個(gè),也有全部的值,如果這時(shí)一個(gè)個(gè)傳,必定不是很好的辦法,所以使用jQuery提供的表單序列化方法,可以很好的解決這個(gè)問題,同時(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,//沒有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("訪問異常"); } }); }
另一種方式:
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,//表示同步,等待服務(wù)端返回?cái)?shù)據(jù),才會(huì)執(zhí)行后面的代碼 success : function(obj) { fun(actionUrl,formId,obj);//調(diào)用回調(diào)的函數(shù) }, error: function() { alert("訪問異常"); } }); }
- jQuery回調(diào)函數(shù)的定義及用法實(shí)例
- 使用jQuery中的when實(shí)現(xiàn)多個(gè)AJAX請(qǐng)求對(duì)應(yīng)單個(gè)回調(diào)的例子分享
- 從零學(xué)jquery之如何使用回調(diào)函數(shù)
- jQuery AJAX回調(diào)函數(shù)this指向問題
- jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
- jQuery的load()方法及其回調(diào)函數(shù)用法實(shí)例
- 淺談jquery回調(diào)函數(shù)callback的使用
- jquery Deferred 快速解決異步回調(diào)的問題
- jQuery插件擴(kuò)展實(shí)例【添加回調(diào)函數(shù)】
- jQuery回調(diào)方法使用示例
相關(guān)文章
jquery對(duì)table中各數(shù)據(jù)的增加、保存、刪除操作示例
這篇文章主要介紹了jquery對(duì)table中各種數(shù)據(jù)的增加、保存、刪除操作,需要的朋友可以參考下2014-05-05利用jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)按鈕效果(附demo源碼下載)
這篇文章主要介紹了利用jQuery實(shí)現(xiàn)滑動(dòng)開關(guān)按鈕效果,文中給出了詳細(xì)的介紹,并在文末給出了完整的demo源碼下載,有需要的朋友可以參考簡(jiǎn)介,下面來一起看看吧。2017-02-02bootstrap+jquery項(xiàng)目引入文件報(bào)錯(cuò)的解決方法
這篇文章主要介紹了bootstrap+jquery項(xiàng)目引入文件的常見報(bào)錯(cuò)問題,下面小編給大家?guī)砹艘恍╁e(cuò)誤及錯(cuò)誤的解決方法,需要的朋友可以參考下2018-01-01jquery拖拽排序簡(jiǎn)單實(shí)現(xiàn)方法(效果增強(qiáng)版)
這篇文章主要介紹了jquery拖拽排序簡(jiǎn)單實(shí)現(xiàn)方法,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-02-02JQuery Jcrop 實(shí)現(xiàn)圖片裁剪的插件
非常不錯(cuò)的模擬 圖片裁剪效果的實(shí)現(xiàn)代碼,文件都是腳本之家本地的,大家可以直接另存為就可以了。2009-05-05json+jQuery實(shí)現(xiàn)的無限級(jí)樹形菜單效果代碼
這篇文章主要介紹了json+jQuery實(shí)現(xiàn)的無限級(jí)樹形菜單效果代碼,涉及jquery針對(duì)json數(shù)據(jù)的遍歷、讀取及動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動(dòng)觸發(fā)事件和模擬冒泡處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列(十)事件系統(tǒng)之主動(dòng)觸發(fā)事件和模擬冒泡處理的相關(guān)資料,需要的朋友可以參考下2015-11-11JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)
在平時(shí)的項(xiàng)目中,我們經(jīng)常需要一些特效鏈接,如果使效果進(jìn)一步加強(qiáng),我們可以使點(diǎn)擊錨點(diǎn)鏈接平滑滾動(dòng)到錨點(diǎn),下面就來給大家講解下如何使用jQuery來實(shí)現(xiàn)。2015-05-05