这篇文章给大家分享的是有关json2.js怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

目前创新互联公司已为成百上千的企业提供了网站建设、域名、虚拟主机、成都网站托管、企业网站设计、西和网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
json2.js主要功能是做什么的?
json2.js提供了json的序列化和反序列化方法,可以将一个json对象转换成json字符串,也可以将一个json字符串转换成一个json对象。
json2.js在浏览器不支持json.parse的内置方法时,最有效。json2.js会创建一个内部的全局变量,提供json对象与字符串之间的转换。
由于eval已经不提倡使用了,并存在一定的危险,建议使用内置parse json的方法,或者直接使用json2.js。
json2.js的源码地址:
https://github.com/douglascrockford/JSON-js
Visual Studio用户可以直接通过Nuget来获得。
使用方法很简单:
1、引用json2.js:
2、JSON.stringify() 序列化方法
方法用于将javaScript 的json数据转化为json格式的文本串。主要用于向服务端返回数据。
var jsonObj = { "id": "01", "name": "Tom" };
JSON.stringify(jsonObj);3、JSON.parse()反序列化方法
var jsonString = {"id": "01", "name": "Tom" };
JSON.parse(jsonString);用于将json格式的文本串转化为javaScript 的json数据,例如:
var records =
{
"table": "GPS_MANAGER",
"token": "32sdfj-349sfdnfs32-fsdf348imfg323-df34",
"pk": "GPS_LONGITUDE,GPS_LATITUDE",
"rows": [
{
"type": "modify",
"columns": [
{
"GPS_LONGITUDE": "GPS_LONGITUDE",
"old": "",
"new": "112.9152287"
},
{
"GPS_LATITUDE": "GPS_LATITUDE",
"old": "",
"new": "22.6689977"
},
{
"GPSMARK": "GPSMARK",
"old": "",
"new": "1"
},
{
"RTUNAME": "RTUNAME",
"old": "",
"new": "大边岩站"
},
{
"RTUID": "RTUID",
"old": "",
"new": "13525"
},
{
"NOTE": "NOTE",
"old": "",
"new": "undefined"
},
{
"Y": "Y",
"old": "",
"new": "2508146.500000"
},
{
"X": "X",
"old": "",
"new": "696776.812500"
},
{
"GPS_HEIGHT": "GPS_HEIGHT",
"old": "",
"new": "0"
},
{
"GPS_GUID": "GPS_GUID",
"old": "",
"new": "1381c526-2d90-442f-889c-731485a960c1"
}
]
}
]
}
var jsonObj = JSON.parse(records );然后就可以通过前端javascript代码解析json文本传递过来的数据,json是一种以key:value的复合格式存储数据的协议,这样简化了数据传递量,比较xml更能减轻客户端负载。
但是个人感觉json数据格式没有xml文件那样一目了然!
3. Json验证工具
(1). Json文本在线验证工具JSONLint:http://jsonlint.com/
通过此在线工具验证json格式文本串是否符合json数据格式。
Json格式查看器json viewer 1.1 汉化中文绿色版
下面是其他网友的补充
需要加载json2.js
这是个人在最近使用json时做的总结,拿出来给没接触过的小弟们晒晒,适用与没接触过json的人员,其中json2。js请到json官网下载。
3、增强功能:
比如说,我们的数据非常复杂,还有类似头像,昵称,个人签名之类的信息。
可是我保存在本地,只需要用户名,和性别,肿么破呢?
也许你会说 so easy, 遍历数据重新提取下即可。
例如:
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; ( i=, new_data=[]; i确实分分钟搞定。
其实我们只需要用 stringify 第二个参数即可简单处理这种问题。
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; str_json = .stringify(data, [, ]);
console.log(str_json);
var data = [
{name: "王尼玛", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, ["name", "sex"]);
console.log(str_json);第二个参数只要传入需要的keys数组,就非常轻松的就完成这种处理了。
当然如果我们要更纠结的处理,比如要把 1,0 修改为男女,那么第二个参数可以用回调函数来处理。
data = [
{name: , sex:, age: },
{name: , sex:, age: },
{name: , sex:, age: }
]; str_json = .stringify(data,
(k === ) { [, ][v];
} v;
});
console.log(str_json);
var data = [
{name: "王尼玛", sex:1, age: 30},
{name: "王尼美", sex:0, age: 20},
{name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, function (k, v) {
if (k === "sex") {
return ["女", "男"][v];
}
return v;
});
console.log(str_json);感谢各位的阅读!关于“json2.js怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
当前标题:json2.js怎么用
文章起源:http://www.jxjierui.cn/article/ihipgh.html


咨询
建站咨询
