如何把一个表单form变成Json对象
在很多情况下,我们需要把一个表单变成一个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对象