JQuery中serialize()用法例項分析

才智咖 人氣:2.96W

jQuery - serialize() 方法

JQuery中serialize()用法例項分析

W3School給出的定義與用法:

serialize() 方法通過序列化表單值,建立 URL 編碼文字字串。

您可以選擇一個或多個表單元素(比如 input 及/或 文字框),或者 form 元素本身。

序列化的值可在生成 AJAX 請求時用於 URL 查詢字串中。

語法

$(selector)alize()詳細說明

alize() 方法建立以標準 URL 編碼表示的文字字串。它的操作物件是代表表單元素集合的 jQuery 物件。

------------------------- 分割線 ----------------------

serialize()函式用於序列化一組表單元素,將表單內容編碼為用於提交的字串。

serialize()函式常用於將表單內容序列化,以便用於AJAX提交。

該函式主要根據用於提交的有效表單控制元件的name和value,將它們拼接為一個可直接用於表單提交的文字字串,該字串已經過標準的編碼處理(字符集編碼為UTF-8)。

該函式不會序列化不需要提交的表單控制元件,這和常規的表單提交行為是一致的。例如:不在

標籤內的表單控制元件不會被提交、沒有name屬性的表單控制元件不會被提交、帶有disabled屬性的表單控制元件不會被提交、沒有被選中的表單控制元件不會被提交。

與常規表單提交不一樣的是:常規表單一般會提交帶有name的按鈕控制元件,而serialize()函式不會序列化帶有name的按鈕控制元件。

返回值

serialize()函式的返回值為String型別,返回將表單元素編碼後的可用於表單提交的文字字串。

示例&說明

請參考下面這段初始HTML程式碼:

一年級

二年級

三年級

四年級

五年級

六年級

男女游泳跑步羽毛球

元素進行序列化可以直接序列化其內部的所有表單元素。

// 序列化

內的所有表單元素// 序列化後的結果:uid=1&username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&sex=1&hobby=1&hobby=2alert( $("form")alize() );

我們也可以直接對部分表單元素進行序列化。

// 序列化所有的text、select、checkbox表單元素// 序列化後的結果:username=%E5%BC%A0%E4%B8%89&password=123456&grade=3&hobby=1&hobby=2alert( $(":text, select, :checkbox")alize() );

serialize()函式通常用於將表單內容序列化,以便通過AJAX方式提交。

$("#btn")k( function(){ // 將當前表單內容以POST請求的AJAX方式提交到$( "", $("form")alize(), function( data, textStatus, jqXHR ){ alert( "AJAX提交成功!" ); } ); } );

以上這篇alize() 函式語法及簡單例項就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援。

TAGS:jQuery 例項