jQuery AJAX中serialize() 方法的定义和使用

Cfans_gpl   2013年5月12日   JQuery/JS   浏览(9105)   关键字: JQuery AJAX

在jQuery中，当我们使用ajax时，常常需要拼装input数据以键值对（Key/Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将表单序列化为键值对（key1=value1&key2=value2…）后提交。

JQuery ajax参考手册

接下来介绍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原创或编辑，互联分享，尊重版权，转载请以链接形式标明本文地址。

et_highlighter