如何把一个表单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对象


posted on 2016-09-12 15:29  Gary_Zhu  阅读(374)  评论(0编辑  收藏  举报