表單序列化應用程式碼相關程式碼例項
現在將表單序列化的操作再程式碼中使用越來越多了,這當然是有它的有點的,這裡就不多做介紹了,重點是分享一段利用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:回撥函式。
相關文章
- JavaScript 表單驗證程式碼例項JavaScript
- table表頭分組程式碼例項
- 響應式佈局程式碼例項
- 淡入淡出效果簡單程式碼例項
- dom操作程式碼例項
- css梯形程式碼例項CSS
- HTML 使用表單標籤實現註冊頁面的例項程式碼HTML
- Python訪問小程式簡單方法程式碼例項詳解Python
- textarea文字框高度自適應程式碼例項
- 設計模式例項程式碼設計模式
- JavaScript in運算子程式碼例項JavaScript
- table表格美化程式碼例項
- html實現簡單ListViews效果的例項程式碼HTMLView
- HTTP相關的應用程式HTTP
- 機器學習 - 似然函式:概念、應用與程式碼例項機器學習函式
- CSS 隔行變色程式碼例項CSS
- HTML5 拖拽程式碼例項HTML
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- [例項分割]Condinst程式碼筆記筆記
- canvas刮刮樂程式碼例項Canvas
- canvas載入效果程式碼例項Canvas
- CSS空心箭頭程式碼例項CSS
- JavaScript運動框架程式碼例項JavaScript框架
- jQuery.map()方法程式碼例項jQuery
- CSS橢圓效果程式碼例項CSS
- CSS條紋背景程式碼例項CSS
- flex居中佈局程式碼例項Flex
- JavaScript取餘數程式碼例項JavaScript
- canvas繪製扇形程式碼例項Canvas
- table細線表格例項程式碼
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- CSS3立體導航選單程式碼例項CSSS3
- JS 預編譯程式碼例項分析JS編譯
- 美化滾動條效果程式碼例項
- canvas原型鐘錶效果程式碼例項Canvas原型
- flex彈性佈局程式碼例項Flex
- JavaScript陣列合並程式碼例項JavaScript陣列
- CSS3卡通形象程式碼例項CSSS3