如何把一个表单form变成Json对象
2016-09-12 15:28
232 查看
在很多情况下,我们需要把一个表单变成一个Json对象,好比我们在登录页面,我们有用户名和密码2个输入框,我们期望我可以通过一个方法把它Json对象,如下:
在实现这个方法之前我们需要了解几个函数:serializeArray() JSON.stringify
JSON.parse 具体的代码如下:
通过这段代码的转换,之后我们可以轻松的使用该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对象
相关文章推荐
- 如何用 Linux 命令行工具解析和格式化输出 JSON
- 使用 Python 处理 JSON 格式的数据
- JSON、XML、TOML、CSON、YAML 大比拼
- XML 与 JSON 优劣对比
- VBA将excel数据表生成JSON文件
- 在线用表单建立文件夹
- Jquery 表单取值赋值的一些基本操作
- newtonsoft.json解析天气数据出错解决方法
- vbs 解析json jsonp的方法
- Ruby和Ruby on Rails中解析JSON格式数据的实例教程
- Extjs4如何处理后台json数据中日期和时间
- C#实现将类的内容写成JSON格式字符串的方法
- JQuery ajax返回JSON时的处理方式 (三种方式)
- javascript 表单的友好用户体现
- jquery JSON的解析方式示例介绍
- c#版json数据解析示例分享
- C#实现集合转换成json格式数据的方法
- ASP JSON类文件的使用方法
- js 提交和设置表单的值
- C# JSON格式化转换辅助类 ConvertJson