jQuery序列化Html表單

2021-08-31 04:21:37 字數 1360 閱讀 2334

將任意乙個jquery物件進行表單序列化,免除了提交請求時大量拼寫表單資料的煩惱,支援鍵值對格式和json格式。

/// /*!* 擴充套件jquery表單序列化函式:

** 消除了jquery.serialize()只能對form進行序列化的侷限

* 該外掛程式可以對任意jquery物件進行序列化

* 返回資料格式有兩種:1.(預設) 2.json

** 呼叫方法:$(dom).form_serialize(datatype);

* 引數(可省略):datatype: 預設為html,即返回資料格式為;若要返回json格式,則datatype = json;

* 返回資料:序列化表單資料

** bug修復:修復了1.0版本中,多個dom元素使用同乙個name屬性時,獲取的資料有缺失。

***/

(function ($) ;

var currentform = null;

$.fn.form_serialize = function (datatype) ;

var doms = currentform.find('[name]');

$.each(doms, function (index, dom) ;

}});

return getresult(datatype);

};var getresult = function (datatype) ;

$.each(formjson, function (key, json) );

return data;

},tostring: function () );

return val;}};

return datatype == 'json' ? d.tojson() : d.tostring();

}var getval = function (json) ,

getselectval: function (dom)

return val;

} else

},getradioval: function (dom) ,

getcheckboxval: function (dom)

};var dispacher = function (type, dom)

};var domtype = json.type;

var doms = $(json.doms);

var count = doms.length;

if (count > 1)

return val;

} else

};})(jquery);

jquery表單序列化

例項 輸出序列化表單值的結果 複製 如下 button click function 定義和用法 serialize 方法通過序列化表單值,建立 url 編碼文字字串。您可以選擇乙個或多個表單元素 比如 input 及 或 文字框 或者 form 元素本身。序列化的值可在生成 ajax 請求時用於 ...

表單序列化

1.serialize 方法 格式 var data form serialize 功能 將表單內容序列化成乙個字串。這樣在ajax提交表單資料時,就不用一一枚舉出每乙個引數。只需將data引數設定為 form serialize 即可。與jquery中其他方法一樣,serialize 方法也是作用...

表單序列化

1 2 對錶單字段的名稱和值進行url編碼,使用和號 分割。3 不傳送禁用的表單字段。4 只傳送勾選的核取方塊和單選按鈕。5 不傳送type為 reset 和 button 的按鈕。6 多選選擇框中的每個選中的值單獨乙個條目。7 在單擊提交表單的情況下,也會傳送提交按鈕 否則,不傳送提交按鈕。也包括...