jQuery序列化表单serialize()

 

 

ajax数据提交表单过程中，可能会遇到字段过多的情况，这时候使用jQuery的serialize();对form表单进行序列化，而且serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。

 

<script type="text/javascript">
	    $(document).ready(function(){
	   $("#button").click(function(){
	     alert($("#myForm").serialize());
	   });
	});
</script>

 

<form id="myForm">
	    姓名 <input value="liming" name="Name" /><br />
	    职位 <input value="CEO" name="position" /><br />
	        <input id="button" value="序列化表单" type="button" /> 
</form>

 

//ajax serialize()

$.ajax({
         type: "POST",
         url:ajaxCallUrl,
         data:$('#myForm').serialize(),// 要提交的表单 
         success: function(msg) {alert(msg);}
});