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()方法怎么用 网站地址：<a href="http://mswzjz.cn/article/gpogpc.html">http://mswzjz.cn/article/gpogpc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/degpogg.html">华为q2路由器华为Q2路由器登录密码</a> </li><li> <a href="/article/degpojd.html">java代码测试led灯用java写测试脚本</a> </li><li> <a href="/article/degpohd.html">java子弹的发射代码编程发射子弹</a> </li><li> <a href="/article/degpojo.html">对c语言中函数的理解 c语言对函数的描述</a> </li><li> <a href="/article/degpojh.html">c语言重定义库函数 c语言重定义</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> 免费获取网站建设与品牌策划方案报价 *主要业务范围包括：高端网站建设，集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。 <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求

联系我们

028-86922220

手机：13518219792
地址：成都市太升南路288号锦天国际A幢1002号
24小时服务热线：400-028-6601

网站建设服务

网页设计
网站制作
网站开发

网站推广服务

营销网站建设
百度快速排名
整站网站推广

网站运维服务

基础维护
网站改版
网站维护

微信二维码

微信二维码

友情链接：成都商城app开发广东网站设计制作公司网站开发成都定制网页设计达州电信机房 bgp多线机房托管品牌官网设计雅安服务器托管教育建设方案成都棕数机房

网站建设知识

serializeArray()方法怎么用

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US