Ajax之serialize和serializeArray方法

Serialize

主要用于在提交表单数据时,序列表表格内容为字符串.

$("#form1").serialize()

Param

是serialize方法的核心,用来对一个数组或对象按照kkey/value进行序列化

$.param(obj);

栗子:

<form action="#" id="form1">
name:<input type="text" id="username" name="username"><br>
age:<input type="text" id="userage" name="userage"><br>
<input id="send" type="button" value="提交">
</form>

<script type="text/javascript">
$("#send").click(function(){
var abc={a:1,b:2};
	var d=$.param(abc);
	alert(d);//弹出 a=1&b=2

//这段话做用和下面一种方式是同样的
	$.get("../AjaxServletDemo",$("#form1").serialize(),callback);
	//$.get("../AjaxServletDemo",{username:$("#username").val(),userage:$("#userage").val()},callback);
	
});
function callback(responseText,responseStatus,xmlHttpRequest){
	alert(responseText+responseStatus+xmlHttpRequest.readyState);
}
</script>

serializeArray()

序列化表格元素 (相似 '.serialize()' 方法) 返回 JSON 数据结构数据。

栗子:

<form action="#" id="form1">
<input type="checkbox"   name="username" value="username1">A1<br>
<input type="checkbox"   name="username" value="username2">A2<br>
<input type="radio" name="sex" value="MALE" >男<br>
<input type="radio" name="sex" value="FEMALE">女<br>
<input id="send" type="button" value="提交">
</form>
<script type="text/javascript">
$("#send").click(function(){	
	var fields=$(":checkbox,:radio").serializeArray();
	console.log(fields);
	$.each(fields,function(i,field){
		alert(field.value);//会弹出选中数据的value值
	});	
})