JQuery中serialize()用法实例分析_jquery

一、serialize()定义和用法：

serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法：

$(selector).serialize()

详细说明

1、.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

2、.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 , 以及 <select>。不过，选择 </p> <p>//使用:$("#form1").serialize();</p> <p>上面则获取不到值。<br /> <br /> 二、JQuery中serialize()实例<br /> <br /> 1、ajax serialize()<br /> 代码如下:$.ajax({<br /> type: "POST",<br /> dataType: "json",<br /> url:ajaxCallBack,<br /> data:$('#myForm').serialize(),// 要提交表单的ID<br /> success: function(msg){<br /> alert(msg);<br /> }<br /> });</p> <p>2、serialize() 序列化表单实例<br /> 代码如下:<script src="jquery-1.7.min。js"></ script><br /> </pre>输出a=1&b=2&c=3<br /> <br /> 2、serializeArray<br /> <br /> serializeArray方法是将一个表单当中的各个字段序列化成一个数组<br /> serializeArray方法的jquery定义<br /> 代码如下:serializeArray: function() {<br /> /// <summary><br /> /// Serializes all forms and form elements but returns a JSON data structure.<br /> /// </summary><br /> /// <returns type="String">A JSON data structure representing the serialized items.</returns></p> <p>return this.map(function(){<br /> return this.elements ? jQuery.makeArray(this.elements) : this;<br /> })<br /> .filter(function(){<br /> return this.name && !this.disabled &&<br /> (this.checked || /select|textarea/i.test(this.nodeName) ||<br /> /text|hidden|password|search/i.test(this.type));<br /> })<br /> .map(function(i, elem){<br /> var val = jQuery(this).val();<br /> return val == null ? null :<br /> jQuery.isArray(val) ?<br /> jQuery.map( val, function(val, i){<br /> return {name: elem.name, value: val};<br /> }) :<br /> {name: elem.name, value: val};<br /> }).get();<br /> }</p> <p>serializeArray数据例子：<br /> 代码如下:[ { <br /> name : username, <br /> value : 中国 <br /> }, { <br /> name : password, <br /> value : xxx <br /> }]</p> <p>希望本文所述对大家的jQuery程序设计有所帮助。 <script type="text/javascript" src="https://jss.huatuo6.com/pc/wenzhang/detail_dy.js"></script> <script type="text/javascript" src="https://jss.hids.cn/pc/wenzhang/detail_left.js"></script> </div> <div class="glfra_f"> </div> </div> <script type="text/javascript" src="https://jss.hids.cn/pc/wenzhang/wenzhang/detail_foot.js"></script> <script type="text/javascript" src="https://jss.hids.cn/pc/share_right_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script> <script type="text/javascript" src="https://jss.hids.cn/pc/share_right_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script> </div> <div class="n_right"> <script type="text/javascript" src="https://jss.hids.cn/pc/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script> <script type="text/javascript" src="https://jss.hids.cn/pc/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script> <script type="text/javascript" src="https://jss.hids.cn/pc/share_cebian_gg3.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script> </div> </div> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot1.js"></script><div class="foot"> <div class="smain"> <div class="foot_ano clearfix"> <!-- <div class="foot_logo"> <img src="images/logo_w.png" alt="AI游中国" /> </div> --> <div class="foot_mesg"> <p> Copyright © 2019-<span class="currentYear"></span> hids.cn 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#fff">赣ICP备2024042780号-1</a> </p> <p> 违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com </p> <p> 本站由北京市万商天勤律师事务所王兴未律师提供法律服务 </p> </div> </div> </div> </div> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script>