JQuery的 serializeObject 序列化form表单

版权声明:本文为博主原创文章,转载请附上博文链接! 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"}

猜你喜欢

转载自blog.csdn.net/csdnluolei/article/details/84651936