jQuery ajax中使用serialize() 方法提交表单数据

jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：

jQuery ajax原型：

view source print ?

1

$.ajax({

2	type: "POST",

3	url: ajaxCallUrl,

4	data: "Key=Value&Key2=Value2",

5	success: function(msg){alert(msg);}

6

});

ajax serialize():

view source print ?

1

$.ajax({

2	type: "POST",

3	url:ajaxCallUrl,

4	data:$('#formID').serialize(),// 要提交的表单

5	success: function(msg) {alert(msg);}

6

});

serialize()序列化表单实例：

view source print ?

01	<script type="text/javascript" src="/demo/jquery/jquery-1.7.2.min.js"

02	></script>

03	<script type="text/javascript">

04	$(document).ready(function(){

05	$("#button").click(function(){

06	alert($("#myForm").serialize());

07

});

08

});

09

</script>

10	<form id="myForm">

11	姓名 <input value="liming" name="Name" /><br />

12	职位 <input value="CEO" name="position" /><br />

13	<input id="button" value="序列化表单" type="button" />

14

</form>