JS对象与json字符串格式转换实例
作者:bea
本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考。具体实现方法如下: 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> var obj = new Objec
本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考。具体实现方法如下:
代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var obj = new Object();
obj.Name = "八戒"
obj.Age = 500;
//通过字面量的形式来定义对象 var obj1 = { "Name": "八戒", "Age": "500" }; var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];
//JSON格式:将json的字面量表示形式,当做字符串存放,则为json格式字符串 var str = '{ "Name": "八戒", "Age": "500" }'; var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];'; //将json字符串转换成js对象(数组) var resobj = JSON.parse(str); alert(resobj.Name);
</script> </head> <body> </body> </html>
在前端js对象和json对象的互转:
一、JS对象转换成为JSON
处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:
代码如下:
var data = new Object();
var json_data = JSON.stringify(data);
PS:json2.js这个文件在网上搜一下就能下载到。
二、JSON转换成为JS
1.处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:
代码如下:
var json_data = $.getJSON();
var data = $.parseJSON(json_data);
(可用来成转换js数组)
2.将json转换成js对象的方法:
代码如下:
var json = eval('(' + result + ')');
通过上面这个表达式,就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json(格式的)对象,名称为“json”,通过“json.”或者“json[]”的方式便可进行数据访问。
在后台对js对象和json对象的互转:
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer类对数据进行序列化和反序列化
示例:
代码如下:
//将param反序列列list集合
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);
PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线JSON代码检验、检验、美化、格式化工具: http://tools./code/json
JSON在线格式化工具: http://tools./code/jsonformat
在线XML/JSON互相转换工具: http://tools./code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具: http://tools./code/jsoncodeformat
在线json压缩/转义工具:
http://tools./code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具: http://tools./code/ccode_html_css_json
希望本文所述对大家的web程序设计能有所帮助。
有用 | 无用
代码如下:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var obj = new Object();
obj.Name = "八戒"
obj.Age = 500;
//通过字面量的形式来定义对象 var obj1 = { "Name": "八戒", "Age": "500" }; var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];
//JSON格式:将json的字面量表示形式,当做字符串存放,则为json格式字符串 var str = '{ "Name": "八戒", "Age": "500" }'; var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];'; //将json字符串转换成js对象(数组) var resobj = JSON.parse(str); alert(resobj.Name);
</script> </head> <body> </body> </html>
在前端js对象和json对象的互转:
一、JS对象转换成为JSON
处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:
代码如下:
var data = new Object();
var json_data = JSON.stringify(data);
PS:json2.js这个文件在网上搜一下就能下载到。
二、JSON转换成为JS
1.处理:用jQuery的一个方法$.parseJSON()将JSON格式的数据转成JS对象。例如:
代码如下:
var json_data = $.getJSON();
var data = $.parseJSON(json_data);
(可用来成转换js数组)
2.将json转换成js对象的方法:
代码如下:
var json = eval('(' + result + ')');
通过上面这个表达式,就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json(格式的)对象,名称为“json”,通过“json.”或者“json[]”的方式便可进行数据访问。
在后台对js对象和json对象的互转:
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer类对数据进行序列化和反序列化
示例:
代码如下:
//将param反序列列list集合
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);
PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:
在线JSON代码检验、检验、美化、格式化工具: http://tools./code/json
JSON在线格式化工具: http://tools./code/jsonformat
在线XML/JSON互相转换工具: http://tools./code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具: http://tools./code/jsoncodeformat
在线json压缩/转义工具:
http://tools./code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具: http://tools./code/ccode_html_css_json
希望本文所述对大家的web程序设计能有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript实现iframe框架延时加载的方法
- js中iframe调用父页面的方法
- js防止页面被iframe调用的方法
- escape函数解决js中ajax传递中文出现乱码问题
- js防止DIV布局滚动时闪动的解决方法
- js实现window.open不被拦截的解决方法汇总
- 一个JavaScript获取元素当前高度的实例
- JS 实现列表与多选框选择附预览动画
- 一个JavaScript操作元素定位元素的实例
- js实现ArrayList功能附实例代码
- JQuery 实现在同一页面锚点链接之间的平滑滚动
- js中的json对象详细介绍
- 鼠标悬浮显示二级菜单效果的jquery实现
- BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
- JavaScript中的迭代器和生成器详解
- JS实现倒计时和文字滚动的效果实例
- javascript设置连续两次点击按钮时间间隔的方法
- jQuery中parents()和parent()的区别分析
- 原生javascript实现获取指定元素下所有后代元素的方法