jQuery AJAX中serialize() 方法的定义和使用
在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&key2=value2…)后提交。
接下来介绍jQuery ajax - serialize() 方法的定义和使用。
定义和用法:
serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
语法:
$(selector).serialize()
本文以使用serialize()序列化表单并提交表单数据为例进行说明。
jQuery ajax原型:
$.ajax({ type: "POST", dataType: "json", url: ajaxCallBack, data: "k1=v1&k2=v2", success: function(msg){ alert(msg); } });
ajax serialize():
$.ajax({ type: "POST", dataType: "json", url:ajaxCallBack, data:$('#myForm').serialize(),// 要提交表单的ID success: function(msg){ alert(msg); } });
serialize() 序列化表单实例:
<script src="https://penglig.googlecode.com/files/jquery-1.7.min.js"></script> <script> $(function(){ $("#submit").click(function(){ alert($("#myForm").serialize()); }); }); </script> <form id="myForm"> 昵称 <input type="text" name="username" value="admin" /><br /> 密码 <input type="password" name="password" value="admin123" /><br /> <input type="button" id="submit" value="序列化表单" /> </form>
点击按钮之后弹出:
username=admin&password=admin123
本文固定链接:http://www.penglig.com/post-245.html
本文由Cfans_gpl原创或编辑,互联分享,尊重版权,转载请以链接形式标明本文地址。
本文由Cfans_gpl原创或编辑,互联分享,尊重版权,转载请以链接形式标明本文地址。