表單序列化應用程式碼相關程式碼例項
現在將表單序列化的操作再程式碼中使用越來越多了,這當然是有它的有點的,這裡就不多做介紹了,重點是分享一段利用jquery對錶單進行序列化的程式碼例項,需要的朋友可以做一下參考。
[JavaScript] 純文字檢視 複製程式碼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("訪問異常"); } }); }
上面的程式碼是一個對錶單序列功能的封裝,實現了序列化表單並傳值之後執行相應的函式功能。
下面是函式引數的解析:
1.actionUrl:ajax提交傳值的地址。
2.formId:表單的id值。
3.fun:回撥函式。
相關文章
- jQuery將表單序列化為物件的程式碼例項jQuery物件
- 清空form表單例項程式碼ORM單例
- localStorage應用程式碼例項
- js prototype原型應用簡單例項程式碼JS原型單例
- javascript物件導向相關程式碼例項JavaScript物件
- JavaScript 表單驗證程式碼例項JavaScript
- 表單提示美化效果程式碼例項
- opacity應用程式碼例項
- javascript閉包的應用簡單程式碼例項JavaScript
- jQuery表單驗證簡單程式碼例項jQuery
- jQuery清除表單資料程式碼例項jQuery
- 使用ajax方式提交表單程式碼例項
- onfocus和onblur應用程式碼例項
- Object.defineProperty()應用程式碼例項Object
- 表單驗證手機號碼格式例項程式碼
- 滑鼠懸浮相應的表單行背景變色且有填寫提示程式碼例項
- angularJS進行表單提交程式碼例項AngularJS
- js重置form表單元素值程式碼例項JSORM
- 將表單元素序列為物件程式碼例項物件
- 將form表單序列為物件例項程式碼ORM物件
- js實現開啟應用程式程式碼例項JS
- js呼叫執行exe應用程式程式碼例項JS
- js驗證表單項是否為空例項程式碼JS
- css3 calc()應用程式碼例項CSSS3
- 響應式佈局簡單程式碼例項
- 響應式導航選單程式碼例項
- javascript以函式方式提交表單程式碼例項JavaScript函式
- 使用javascript清空表單元素資料程式碼例項JavaScript
- ul、li列表簡單實用程式碼例項
- 驗證手機號碼程式碼簡單程式碼例項
- EasyUI實現的form表單提交簡單程式碼例項UIORM
- window.onload事件應用程式碼例項事件
- dd dt dl標籤應用例項程式碼
- jquery將物件序列化為字串程式碼例項jQuery物件字串
- javascript對url相關操作功能封裝程式碼例項JavaScript封裝
- js選項卡簡單程式碼例項JS
- 阻止點選回車提交表單效果程式碼例項
- 使用jquery實現的清空表單元素程式碼例項jQuery