表單序列化應用程式碼相關程式碼例項

antzone發表於2017-03-20

現在將表單序列化的操作再程式碼中使用越來越多了,這當然是有它的有點的,這裡就不多做介紹了,重點是分享一段利用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:回撥函式。

相關文章