表單序列化

2021-08-04 17:14:40 字數 1155 閱讀 7011

1.serialize()方法

格式:var data = $("form").serialize();

功能:將表單內容序列化成乙個字串。

這樣在ajax提交表單資料時,就不用一一枚舉出每乙個引數。只需將data引數設定為 $("form").serialize() 即可。

與jquery中其他方法一樣,serialize()方法也是作用於乙個jquery物件,它能夠將dom元素內容序列化為字串,用於ajax請求。通過使用serialize()方法,可以提交本頁面的所有域,**如下:

$("#send").click(function());

});當單擊「提交」按鈕後,所有屬於form1的表單元素都能提交到後台,即使在表單中再增加字段,指令碼仍然能夠使用,並且不需要做其他多餘工作。

用字串方式時,需要注意對字元編碼(中文問題),如果不希望編碼帶來麻煩,可以使用serialize()方法,它會自動編

因為serialize()方法作用於jquery物件,所以不光只有表單能使用它,其他選擇器選取的元素也都能使用它,如以下jquery**:

$(":checkbox,:radio").serialize();

把核取方塊和單選框的值序列化為字串形式,只會將選中的值序列化。

在jquery中還有乙個與serialize()類似的方法--serializearray(),該方法不是返回字串,而是將dom元素序列化後,返回json格式的資料。jquery**如下:

var fields = $(":checkbox,:radio").serializearray();

console.log(fields); //用firebug輸出

$.param()方法是serialize()方法的核心,用來對乙個陣列或物件按照key/value進行序列化。

比如將乙個普通的物件序列化:

var obj = ;

var k = $.param(obj);

alert(k); //輸出a=1&b=2&c=3

2.serializearray()方法

格式:var jsondata = $("form").serializearray();

功能:將頁面表單序列化成乙個json結構的物件。注意不是json字串。

比如,[,] 獲取資料為 jsondata[0].name

表單序列化

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

表單序列化

什麼是表單序列化尼?1 對錶單字段的名稱和值進行url編碼,使用和號 分隔 2 不傳送禁用的表單字段 3 只傳送勾選的核取方塊和單選按鈕 4 不傳送 type 為 reset 和 button的按鈕 5 多選按鈕每個選中的值單獨乙個條目 6 單擊提交按鈕提交表單時,會傳送提交按鈕 否則不傳送提交按鈕...

表單(四)表單序列化

表單序列化的作用是 將表單內容序列化成乙個字串,方便ajax傳遞表單值給伺服器。瀏覽器把表單資料提交到伺服器的細節 1.對字段的名和值進行url編碼,並使用 分隔 2.不傳送禁用的字段 disabled 3.多選框中每個選中的名值對是單獨的乙個條目 4.在元素中,option如果沒有value特性,...