JQuery中serialize()、serializeArray()和param()的使用方法
1. serialize()方法
語(yǔ)法:$(selector).serialize()
輸出序列化表單的字符串,文件上傳控件(例如:<input type="file" name="myfile"/>)類型的表單數(shù)據(jù)會(huì)被自動(dòng)忽略,也就是說(shuō)不會(huì)出現(xiàn)在序列化字符串中。
比如有下面這樣的一個(gè)表單,用$("form").serialize()序列化后得到的結(jié)果是:a=1&b=2&c=3
<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><input type="file" name="myfile"/></div> </form>serialize() 方法也可以操作已選取個(gè)別表單元素的 jQuery 對(duì)象,比如 <input>, <textarea> 以及 <select>,只需要修改selector就可以了。
2. param()方法
這個(gè)方法很簡(jiǎn)單,就是序列化一個(gè)key/value對(duì)象,請(qǐng)看下面的例子:
結(jié)果:
width=1680&height=1050
3. serializeArray()方法
serializeArray() 方法通過(guò)序列化表單值來(lái)創(chuàng)建對(duì)象數(shù)組(名稱和值)。
你可以選擇一個(gè)或多個(gè)表單元素(比如 input 及/或 textarea),或者 form 元素本身。
serializeArray() 方法序列化表單元素(類似 .serialize() 方法),返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。
注意:此方法返回的是 JSON 對(duì)象而非 JSON 字符串。需要使用插件或者第三方庫(kù)進(jìn)行字符串化操作。
返回的 JSON 對(duì)象是由一個(gè)對(duì)象數(shù)組組成的,其中每個(gè)對(duì)象包含一個(gè)或兩個(gè)名值對(duì) —— name 參數(shù)和 value 參數(shù)(如果 value 不為空的話)。舉例來(lái)說(shuō):
.serializeArray() 方法使用了 W3C 關(guān)于 successful controls(有效控件) 的標(biāo)準(zhǔn)來(lái)檢測(cè)哪些元素應(yīng)當(dāng)包括在內(nèi)。特別說(shuō)明,元素不能被禁用(禁用的元素不會(huì)被包括在內(nèi)),并且元素應(yīng)當(dāng)有含有 name 屬性。提交按鈕的值也不會(huì)被序列化。文件選擇元素的數(shù)據(jù)也不會(huì)被序列化。
轉(zhuǎn)載于:https://www.cnblogs.com/hzzhao/p/5264670.html
總結(jié)
以上是生活随笔為你收集整理的JQuery中serialize()、serializeArray()和param()的使用方法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 知乎账号信任设备在哪
- 下一篇: 微信主题怎么设置皮肤