jQuery ajax serialize() 方法使用示例
更新時(shí)間：2014年11月02日 14:46:22 投稿：whsnow
serialize() 方法創(chuàng)建以標(biāo)準(zhǔn) URL 編碼表示的文本字符串，下面為大家介紹下jQuery serialize方法的使用
.serialize() 方法創(chuàng)建以標(biāo)準(zhǔn) URL 編碼表示的文本字符串。它的操作對(duì)象是代表表單元素集合的 jQuery 對(duì)象。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/jscript">
// $(function () {
// alert($("form").serialize());
// })
function btnClick() {
alert($("form").serialize());
}
</script>
</head>
<body>
<form>
<div><input type="text" name="a" value="1" id="a" /></div>
<div><input type="text" name="b" value="2" id="b" /></div>
<div><input type="hidden" name="c" value="3" id="c" /></div>
<div>
<textarea name="d" rows="8" cols="40">4</textarea>
</div>
<div><select name="e">
<option value="5" selected="selected">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></div>
<div>
<input type="checkbox" name="f" value="8" id="f" />
</div>
<div>
<input type="button" name="g" value="提交" id="g" onclick="btnClick()" />
</div>
</form>
</body>
</html><span style="font-size:18px;color:#ff0000;">
</span>
點(diǎn)擊提交:
輸出標(biāo)準(zhǔn)的查詢字符串：a=1&b=2&c=3&d=4&e=5
如果將復(fù)選框也選上的話 輸出的就是：a=1&b=2&c=3&d=4&e=5&f=8
相關(guān)文章
jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法
這篇文章主要介紹了jQuery validate插件實(shí)現(xiàn)ajax驗(yàn)證重復(fù)的2種方法,結(jié)合完整實(shí)例形式分析了jQuery validate插件的使用技巧,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十三）之位置大小操作的相關(guān)資料,需要的朋友可以參考下2015-12-12
jQuery解析XML與傳統(tǒng)JavaScript方法的差別實(shí)例分析
這篇文章主要介紹了jQuery解析XML與傳統(tǒng)JavaScript方法的差別,實(shí)例分析了jQuery與javascript解析XML文件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
$.ajax下json數(shù)據(jù)的傳遞方法，大家可以參考下。這樣就可以傳遞json數(shù)據(jù)了2008-11-11
jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下2015-01-01
jQuery UI庫(kù)中dialog對(duì)話框功能使用全解析
這篇文章主要介紹了jQuery UI庫(kù)中dialog對(duì)話框功能使用全解析,文中列舉了各種常用的dialog屬性,整理得很全面,需要的朋友可以參考下2016-04-04
本文地址: jQuery Ajax 全解析 本文作者：QLeelulu2009-02-02
萬(wàn)年歷，想必大家對(duì)它都不陌生吧，下面是使用jquery寫的一個(gè)萬(wàn)年歷示例，喜歡的朋友可以參考下2014-01-01
想必大家對(duì)于jQuery這個(gè)最流行的javascript類庫(kù)都不陌生，而且只要是前端開發(fā)人員肯定或多或少的使用或者接觸過，在這篇文章中，參考了一些資料及實(shí)際使用效率，將介紹一些書寫高質(zhì)量jQuery代碼的原則，不單單會(huì)告訴你如何去書寫，也會(huì)告訴你為什么這樣書寫，希望大家會(huì)覺得有所幫助2014-03-03
Jquery跨域獲得Json時(shí)invalid label錯(cuò)誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時(shí)候，經(jīng)常碰到 invalid label 這個(gè)錯(cuò)誤，十分的郁悶，老是取不到服務(wù)器端發(fā)送回來的 json 值，一般跨域用到的兩個(gè)方法為：$.ajax 和 $.getJson2011-01-01