<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

    主站蜘蛛池模板: 国产精品亚洲片在线观看不卡 | 国99精品无码一区二区三区| 久久精品蜜芽亚洲国产AV| 国产精品亚洲精品| 欧美亚洲另类精品第一页 | 精品国产福利在线观看| 久久免费精品视频| 国产精品视频久久| 国产精品原创巨作?v网站| 精品视频无码一区二区三区| 国产欧美日本精品| 国产精品高清一区二区人妖| 亚洲中文久久精品无码ww16| 久久精品国产99国产精品澳门| 曰韩精品无码一区二区三区| 国产精品亚洲玖玖玖在线观看| 91精品一区国产高清在线| 亚洲精品狼友在线播放| 久草视频精品在线| 在线人成精品免费视频| 国产久热精品无码激情| 欧洲精品码一区二区三区免费看| 久久精品国产免费一区| 孩交VIDEOS精品乱子| 久久精品无码一区二区app| 九九热精品在线| 国产精品熟女高潮视频| 精品国产成人国产在线观看| 91精品国产91久久| 久久青草国产精品一区| 青草国产精品久久久久久| 亚洲精品成a人在线观看| 久久97久久97精品免视看| 国产精品部在线观看| 91精品国产综合久久精品 | 久久久久亚洲精品男人的天堂| 一区二区三区精品国产欧美| 国产精品视频久久| 成人精品综合免费视频| 国产成人精品优优av| 精品性影院一区二区三区内射 |