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://6mz.cn/article/gpogpc.html">http://6mz.cn/article/gpogpc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ddpgcjc.html">帝国cms删除信息帝国cms刷新很慢</a> </li><li> <a href="/article/ddpgsoe.html">云建火车站怎么注册域名如何在火车站注册12306</a> </li><li> <a href="/article/ddpgchg.html">包含sap系统连线设置的词条</a> </li><li> <a href="/article/ddpgchh.html">c语言中实心圆的函数 c语言中实心圆的函数是什么</a> </li><li> <a href="/article/ddpgcpi.html">c语言mqin函数 c语言memmove函数</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

网站建设服务

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

网站推广服务

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

网站运维服务

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

微信二维码

微信二维码

友情链接：成都IDC机房托管营销型网站建设温江服务器托管四川成都网站设计水泥基自流平快照排名成都活动策划主机租用网站优化排名推广成都网站建设

网站建设知识

serializeArray()方法怎么用

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US