Html中如何使用JavaScript在Json字符串和Json对象之间转换

写在前

本人正在把公司的系统代码，做前后端分离。
这个好处就是让前后端开发相对独立，前段代码、后端代码各自维护不会相互影响。
但是带来的问题就是，数据要用Json或者其他类Json的字符串数据进行传递。
这就带来了Json字符串格式和对象格式之间的转换。
本文汇总前段页面上，用JavaScript实现Json字符串和Json对象两种数据格式之间的转换。

1、jQuery插件支持的转换方式

示例：

 $.parseJSON( jsonstr );  //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

2、浏览器支持的转换方式(Firefox，chrome，opera，safari，ie)等浏览器：

示例：

JSON.parse(jsonstr); //可以将json字符串转换成json对象 
JSON.stringify(jsonobj); //可以将json对象转换成json对符串 

注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js。

3、Javascript支持的转换方式：

eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 

注：

1. 亲测这个方法是可以实现，将一串Json字符串转换成Json对象类型的数据；
2. ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。