<!DOCTYPE html>
<head></head>
<body>
<form id="register">
<input type="text" name="user" value="hpc"><br>
<input type="text" name="pwd" value="123"><br>
<input type="text" name="sex" value="M"><br>
<input type="text" name="age" value="100"><br>
<input type="text" name="phone" value="13011112222"><br>
<input type="text" name="email" value="[email protected]"><br>
</form><br>
Jquery 的serialize()方法
<div id="show">
</div><br>
Jquery 的serializeArray()方法
<div id="show2">
</div><br>
Jquery serializeArray()方法的数据转json
<div id="show3">
</div>
</body>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var register =$("#register");
//返回字符串xxx=xxx&yyy=yyy;
var formData = register.serialize();
$("#show").html(formData);
// 返回的是json数组[{xxx:xxx},{yyy:yyy}]
formData = register.serializeArray();
$("#show2").html(JSON.stringify(formData));
//将json数组转为json 对象
var jsons = transformToJson(formData);
$("#show3").html(JSON.stringify(jsons));
// 转为json数据格式
function transformToJson(formData){
var obj={}
for (var i in formData) {
/*[{"name":"user","value":"hpc"},{"name":"pwd","value":"123"},{"name":"sex","value":"M"},{"name":"age","value":"100"},{"name":"phone","value":"13011112222"},{"name":"email","value":"[email protected]"}]
*/
//下标为的i的name做为json对象的key，下标为的i的value做为json对象的value
obj[formData[i].name]=formData[i][‘value‘];
}
return obj;
}
</script>
原文地址：https://www.cnblogs.com/mohehpc/p/8335183.html
时间： 2024-08-10 14:40:57