亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery.serialize() 函數(shù)語法及簡單實例

 更新時間:2016年07月08日 09:52:51   投稿:jingxian  
下面小編就為大家?guī)硪黄猨query.serialize() 函數(shù)語法及簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

jQuery - serialize() 方法

W3School給出的定義與用法:

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

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

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

語法

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


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

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

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

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

該函數(shù)不會序列化不需要提交的表單控件,這和常規(guī)的表單提交行為是一致的。例如:不在<form>標簽內(nèi)的表單控件不會被提交、沒有name屬性的表單控件不會被提交、帶有disabled屬性的表單控件不會被提交、沒有被選中的表單控件不會被提交。

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

返回值

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

示例&說明

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

<form name="myForm" action="http://www.365mini.com" method="post">
  <input name="uid" type="hidden" value="1" />
  <input name="username" type="text" value="張三" />
  <input name="password" type="text" value="123456" />
  <select name="grade" id="grade">
    <option value="1">一年級</option>
    <option value="2">二年級</option>
    <option value="3" selected="selected">三年級</option>
    <option value="4">四年級</option>
    <option value="5">五年級</option>
    <option value="6">六年級</option>
  </select>
  <input name="sex" type="radio" checked="checked" value="1" />男
  <input name="sex" type="radio" value="0" />女
  <input name="hobby" type="checkbox" checked="checked" value="1" />游泳
  <input name="hobby" type="checkbox" checked="checked" value="2" />跑步
  <input name="hobby" type="checkbox" value="3" />羽毛球
  <input name="btn" id="btn" type="button" value="點擊" />
</form>

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

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

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

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

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

$("#btn").click( function(){

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

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

相關(guān)文章

  • jQuery給多個不同元素添加class樣式的方法

    jQuery給多個不同元素添加class樣式的方法

    這篇文章主要介紹了jQuery給多個不同元素添加class樣式的方法,實例分析了addClass()方法添加樣式的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-03-03
  • jQuery簡單驗證上傳文件大小及類型的方法

    jQuery簡單驗證上傳文件大小及類型的方法

    這篇文章主要介紹了jQuery簡單驗證上傳文件大小及類型的方法,結(jié)合實例形式分析了jQuery針對上傳文件的類型與大小運算操作相關(guān)技巧,需要的朋友可以參考下
    2016-06-06
  • jquery ajax同步異步的執(zhí)行最終解決方案

    jquery ajax同步異步的執(zhí)行最終解決方案

    添加async:false.即修改為同步了,什么意思?按同事解釋就是,這是等這個ajax有了返回值后才會執(zhí)行下面的js一語道破天機,怪不得以前很多ajax調(diào)用里面的賦值都不起作用
    2013-04-04
  • jQuery 入門講解1

    jQuery 入門講解1

    jquery的優(yōu)點比較多,大家可以學(xué)習(xí)下,網(wǎng)上好多效果都是用jquery實現(xiàn)的。
    2009-04-04
  • ASP SQL防注入的方法

    ASP SQL防注入的方法

    前一篇我們介紹了一種防SQL注入的終極方法,也就是最原始、最簡單、最有效也是最通用的方法,就是數(shù)據(jù)類型的檢查加單引號的處理,具體的內(nèi)容前面一篇已經(jīng)介紹過了,這里我就不重復(fù)了
    2008-12-12
  • jQuery實現(xiàn)鼠標經(jīng)過圖片預(yù)覽大圖效果

    jQuery實現(xiàn)鼠標經(jīng)過圖片預(yù)覽大圖效果

    我們可以借助jQuery來實現(xiàn)一些很酷炫的效果,本篇為大家介紹下通過jQuery實現(xiàn)當鼠標經(jīng)過了圖片數(shù),圖片會放大進行預(yù)覽大圖,需要的朋友可以參考下
    2014-04-04
  • jQuery結(jié)合CSS制作動態(tài)的下拉菜單

    jQuery結(jié)合CSS制作動態(tài)的下拉菜單

    這篇文章主要介紹了jQuery結(jié)合CSS制作一個動態(tài)的下拉菜單,下拉菜單可以彌補空間的不足,感興趣的小伙伴們可以參考一下
    2015-10-10
  • 使用jQuery實現(xiàn)動態(tài)添加小廣告

    使用jQuery實現(xiàn)動態(tài)添加小廣告

    下面小編就為大家?guī)硪黄褂胘Query實現(xiàn)動態(tài)添加小廣告。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • jquery imgareaselect 使用利用js與程序結(jié)合實現(xiàn)圖片剪切

    jquery imgareaselect 使用利用js與程序結(jié)合實現(xiàn)圖片剪切

    當前在ff3下,用jquery的 width()與height()函數(shù),在不設(shè)置圖片的寬度與高度的時候,不能取到 需要在圖片load函數(shù)里面初始化才可以
    2009-07-07
  • 很酷的60款jQuery 幻燈片演示和下載

    很酷的60款jQuery 幻燈片演示和下載

    jQuery 是一個非常優(yōu)秀的 JavaScript 框架,使用簡單靈活,同時還有許多成熟的插件可供選擇,它可以幫助你在項目中加入漂亮的效果,其中之一就是幻燈片效果的實現(xiàn),這是一種在有限的網(wǎng)頁空間內(nèi)展示系列項目時非常好的方法
    2012-05-05

最新評論