jquery的serialize方法 jquery serializearray

jquery的serialize方法 jquery serializearray

日期:2023-02-22 04:23:46    编辑:网络投稿    来源:互联网

JQuery中serialize()用法實例分析  jQuery - serialize() 方法  W3School給出的定義與用法:  serialize() 方法通過序列化表單值,創建 URL 編碼文本字符串。  您可以

JQuery中serialize()用法實例分析

  jQuery - serialize() 方法

  W3School給出的定義與用法:

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

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

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

  語法

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

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

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

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

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

  該函數主要根據用于提交的有效表單控件的name和value,將它們拼接為一個可直接用于表單提交的文本字符串,該字符串已經過標準的URL編碼處理(字符集編碼為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").serialize() );

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

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

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

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

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

【JQuery中serialize()用法實例分析】相關文章:

1.jQuery中delegate()實例用法

2.JQuery中Text方法用法實例分析

3.jQuery中:eq()選擇器的用法實例

4.jQuery中trigger方法用法

5.jQuery中replaceAll()方法用法

6.jQuery中prev()方法用法

7.jQuery中delegate與on的用法與區別

8.jQuery中nextAll()方法用法欣賞