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值
});
})
来源:oschina
链接:https://my.oschina.net/u/2278389/blog/714502