这篇文章主要介绍了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 入门教程之使用方法与实例分析的详细内容，更多请关注0133技术站其它相关文章！
