json2.js怎么用-创新互联

这篇文章给大家分享的是有关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怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
                

                标题名称：json2.js怎么用-创新互联                

                文章分享：http://dzwzjz.com/article/dophdc.html