JQuery中serialize()用法實(shí)例分析

　　jQuery - serialize() 方法

　　W3School給出的定義與用法：

　　serialize() 方法通過(guò)序列化表單值，創(chuàng )建 URL 編碼文本字符串。

　　您可以選擇一個(gè)或多個(gè)表單元素（比如 input 及/或 文本框），或者 form 元素本身。

　　序列化的值可在生成 AJAX 請求時(shí)用于 URL 查詢(xún)字符串中。

　　語(yǔ)法

　　$(selector).serialize()詳細說(shuō)明

　　.serialize() 方法創(chuàng )建以標準 URL 編碼表示的文本字符串。它的操作對象是代表表單元素集合的 jQuery 對象。

　　------------------------- 分割線(xiàn) ----------------------

　　serialize()函數用于序列化一組表單元素，將表單內容編碼為用于提交的字符串。

　　serialize()函數常用于將表單內容序列化，以便用于A(yíng)JAX提交。

　　該函數主要根據用于提交的有效表單控件的name和value，將它們拼接為一個(gè)可直接用于表單提交的文本字符串，該字符串已經(jīng)過(guò)標準的URL編碼處理(字符集編碼為UTF-8)。

　　該函數不會(huì )序列化不需要提交的表單控件，這和常規的表單提交行為是一致的。例如：不在

　　標簽內的表單控件不會(huì )被提交、沒(méi)有name屬性的表單控件不會(huì )被提交、帶有disabled屬性的表單控件不會(huì )被提交、沒(méi)有被選中的表單控件不會(huì )被提交。

　　與常規表單提交不一樣的是：常規表單一般會(huì )提交帶有name的按鈕控件，而serialize()函數不會(huì )序列化帶有name的按鈕控件。

　　返回值

　　serialize()函數的返回值為String類(lèi)型，返回將表單元素編碼后的可用于表單提交的文本字符串。

　　示例&說(shuō)明

　　請參考下面這段初始HTML代碼：

　　一年級

　　二年級

　　三年級

　　四年級

　　五年級

　　六年級

　　男女游泳跑步羽毛球

　　對

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

　　// 序列化

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

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

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

　　serialize()函數通常用于將表單內容序列化，以便通過(guò)AJAX方式提交。

　　$("#btn").click( function(){ // 將當前表單內容以POST請求的AJAX方式提交到$.post( "http://www.365mini.com", $("form").serialize(), function( data, textStatus, jqXHR ){ alert( "AJAX提交成功!" ); } ); } );

　　以上這篇jquery.serialize() 函數語(yǔ)法及簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jì)热萘�，希望能給大家一個(gè)參考，也希望大家多多支持。

【JQuery中serialize()用法實(shí)例分析】相關(guān)文章：

jQuery中prev()方法用法07-16

jQuery中replaceAll()方法用法10-15

jQuery 源碼分析和Ready函數06-28

簡(jiǎn)單分析PHP中序列化用法介紹08-15

jQuery中parent()和siblings()的問(wèn)題10-16

PHP對象注入的實(shí)例分析08-27

德國留學(xué)申請實(shí)例分析09-28

GET.CELL函數的詳細用法及實(shí)例介紹10-26

PHP中curl的使用實(shí)例07-31

2017考研英語(yǔ)閱讀經(jīng)典實(shí)例分析02-23