您的位置:首页 > Web前端 > JavaScript

如何把一个表单form变成Json对象

2016-09-12 15:28 232 查看
在很多情况下,我们需要把一个表单变成一个Json对象,好比我们在登录页面,我们有用户名和密码2个输入框,我们期望我可以通过一个方法把它Json对象,如下:

{
"Username":"TestName",
"Password":"TestPwd"
}
那样的话就可以比较轻松的传递数据,以及在Js中调用表单数据。

在实现这个方法之前我们需要了解几个函数:serializeArray()  JSON.stringify 
 JSON.parse  具体的代码如下:

var queryArray = $(formElement).serializeArray();
var jsonString= '{';
for (var i = 0; i < queryArray.length; i++) {
jsonString+= JSON.stringify(queryArray[i].name) + ':' + JSON.stringify(queryArray[i].value) + ',';
}
jsonString= jsonString.substring(0, (jsonString.length - 1));
jsonString+= '}';
return JSON.parse(jsonString)


通过这段代码的转换,之后我们可以轻松的使用该Json对象
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  表单 json