serializeArray()方法怎么用

这篇文章主要介绍了serializeArray()方法怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站建设、成都网站建设、怀远网络推广、小程序制作、怀远网络营销、怀远企业策划、怀远品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供怀远建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

.serializeArray()方法使用标准的W3C"successful controls"的标准来检测哪些元素应当包括在内。被禁用的元素不会被包括在内。并且,元素必须含有 name 属性。此外，提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。

.serializeArray() 方法可以对单独选择的表单元素对象进行操作，比如 , , 和 <select>。还有个更方便的方法是，直接使用 <form> 标签来进行序列化操作：$('form').submit(function() { console.log($(this).serializeArray()); return false;}); 这将产生以下数据结构(浏览器提供的console.log):[ { name: "a", value: "1" }, { name: "b", value: "2" }, { name: "c", value: "3" }, { name: "d", value: "4" }, { name: "e", value: "5" }]例子:从表单获取值，遍历并且显示他们<!DOCTYPE html><html><head> <style> body, select { font-size:14px; } form { margin:5px; } p { color:red; margin:5px; } b { color:blue; } </style> <script src="https://code.jquery.com/jquery-latest.js"></script></head><body> Results: <form> <select name="single"> <option>Single</option> <option>Single2</option> </select> <select name="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> <input type="checkbox" name="check" value="check1" id="ch2"/> <label for="ch2">check1</label> <input type="checkbox" name="check" value="check2" checked="checked" id="ch3"/> <label for="ch3">check2</label> <input type="radio" name="radio" value="radio1" checked="checked" id="r1"/> <label for="r1">radio1</label> <input type="radio" name="radio" value="radio2" id="r2"/> <label for="r2">radio2</label> </form><script> function showValues() { var fields = $(":input").serializeArray(); $("#results").empty(); jQuery.each(fields, function(i, field){ $("#results").append(field.value + " "); }); } $(":checkbox, :radio").click(showValues); $("select").change(showValues); showValues();</script></body></html>感谢你能够认真阅读完这篇文章，希望小编分享的“serializeArray()方法怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习! 本文名称：serializeArray()方法怎么用 文章URL：<a href="http://myzitong.com/article/gpogpc.html">http://myzitong.com/article/gpogpc.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dojojhd.html">vb.net上键 vbnet implements</a> </li><li> <a href="/article/dojojpe.html">c语言调用aes加密函数 c语言aes加解密</a> </li><li> <a href="/article/dojojji.html">比较好用的go语言编辑器比较好用的go语言编辑器</a> </li><li> <a href="/article/dojojhi.html">php数据库json PHP数据库连接失败的原因及解决方法</a> </li><li> <a href="/article/dojojhp.html">mysql无效怎么回事 mysql无法运行</a> </li> </ul> </div> </div> </div>  <footer> <div class="foot"> <div class="container"> <h1>梓潼大橙子建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl>地址ADDRESS</dl> 四川-成都青羊区太升南路288号 锦天国际A座10楼 </li> <li> <dl>电话/TEL</dl> <a href="tel:02886922220" target="_blank">028 86922220</a> (工作日) <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </li> <li> <dl>QQ咨询</dl> 244261566 (售前) 631063699 (售后) </li> <li> <dl>邮箱/E: mail</dl> service@cdcxhl.com (业务) hr@cdcxhl.com (求职) </li> </ul> </div> <div class="link"> 友情链接： <a href="http://www.4006tel.net/mobile/" title="APP定制" target="_blank">APP定制</a> <a href="http://www.kswcd.com/service/" title="品牌网站定制" target="_blank">品牌网站定制</a> <a href="http://www.xhgfhy.com/ " title="犀浦防护栏定制" target="_blank">犀浦防护栏定制</a> <a href="https://www.cdcxhl.com/google.html" title="成都谷歌推广" target="_blank">成都谷歌推广</a> <a href="http://www.zyruijie.cn/" title="乐山石膏隔墙" target="_blank">乐山石膏隔墙</a> <a href="http://www.cdxwcx.cn/tuoguan/xibuxinxi.html" title="成都西信机房托管" target="_blank">成都西信机房托管</a> <a href="https://www.cdxwcx.com/jifang/xiyun.html" title="西云机房" target="_blank">西云机房</a> <a href="http://www.cdxwcx.cn/tuoguan/meishan.html" title="眉山主机托管" target="_blank">眉山主机托管</a> <a href="http://www.cdxwcx.cn/" title="成都做网站" target="_blank">成都做网站</a> <a href="https://www.cdcxhl.cn/ " title="香港服务器空间" target="_blank">香港服务器空间</a> </div> </div> </div> <div class="copy container"> Copyright