版权声明:本文为博主原创文章,转载请附上博文链接! https://blog.csdn.net/csdnluolei/article/details/84651936
JQuery的将表单序列化为三种格式:
1. serialize() 序列化form表单内容为字符串
2. serializeArray() ;返回JSON 对象数组
3. 封装一个方法: serializeObject() ; 返回对象
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery的serializeObject 序列化form表单</title>
</head>
<body>
<form id="submitForm">
<input type="text" name="username" value="luo"/>
<input type="text" name="password" value="123"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
1. serialize() 序列化form表单内容为字符串
$("#submitForm").serialize();
转换格式为:
"username=luo&password=123"
2. serializeArray() ;返回JSON 对象数组
$("#submitForm").serializeArray();
转换格式为:
[{name:"username",value:"luo"},{name:"password",value:"123"}]
3. 封装一个方法: serializeObject() ; 返回对象
//给jQuery添加一个方法
jQuery.fn.serializeObject = function () {
var formData = {};
var formArray = this.serializeArray();
for(var i = 0, n = formArray.length; i < n; ++i){
formData[formArray[i].name] = formArray[i].value;
}
return formData;
};
$("#submitForm").serializeObject();
转换格式为:
{username:"luo",password:"123"}