<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • JQuery中serialize()用法實(shí)例分析

    時(shí)間:2024-10-22 03:08:10 jQuery Mobile 我要投稿
    • 相關(guān)推薦

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

      jQuery - serialize() 方法

      W3School給出的定義與用法:

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

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

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

      語(yǔ)法

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

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

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

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

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

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

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

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

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

      返回值

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

      示例&說(shuō)明

      請(qǐng)參考下面這段初始HTML代碼:

      一年級(jí)

      二年級(jí)

      三年級(jí)

      四年級(jí)

      五年級(jí)

      六年級(jí)

      男女游泳跑步羽毛球

      對(duì)

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

      // 序列化

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

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

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

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

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

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

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

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

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

    jQuery 源碼分析和Ready函數(shù)06-28

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

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

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

    德國(guó)留學(xué)申請(qǐng)實(shí)例分析09-28

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

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

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

    主站蜘蛛池模板: 国产精品一区二区av| 97国产视频精品| 国产精品网址在线观看你懂的| 亚洲AV无码乱码精品国产| 99精品在线免费| 91精品视频网站| 亚洲国产精品无码一线岛国| 国产手机在线精品| 久久福利青草精品资源站免费| 无码精品人妻一区二区三区人妻斩| 国产精品无码国模私拍视频| 久久精品9988| 精品一区二区三区四区| 国产精品原创巨作av女教师| 亚洲av永久无码精品漫画 | 亚洲AV日韩精品久久久久久久| 久久精品国产72国产精福利| 国产精品被窝福利一区| 国产成人无码精品久久久久免费| 精品国产福利第一区二区三区| 99久久人妻无码精品系列蜜桃| 国产精品一区二区久久国产| 精品一区二区三区自拍图片区| 亚洲国产另类久久久精品黑人 | 99久久精品日本一区二区免费| 日本午夜精品一区二区三区电影 | 精品亚洲A∨无码一区二区三区| 亚洲精品尤物yw在线影院| 欧美ppypp精品一区二区| 国产精品自在线拍国产电影| 99精品电影一区二区免费看| 2021最新国产精品一区| 91精品国产91久久久久久| 亚洲国产精品人久久| 日本精品久久久久中文字幕8| 亚洲国产精品欧美日韩一区二区 | 国产精品内射后入合集| 国产福利精品一区二区| 国产成人精品久久免费动漫| 国产高清国产精品国产专区| 精品国产自在在线在线观看|