现在JSON格式在web开发中越来越受重视,特别是在使用ajax开发项目的过程中,经常需要将json格式的字符串返回到前端,前端解析成JS对象(JSON )。
ECMA-262(E3)中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。
解析JSON数据的三种方法的介绍如下:
解析JSON数据的最常用方法是使用javascript的eval()方法,代码如下:
function toJson(str){
var json = eval("(" + str + ")");
return json;
}
该方法存在性能和安全方面的问题,不建议使用。
function toJson(str){
var json = (new Function("return " + str))();
return json;
}
function toJson(str){
return JSON.parse(str);
}
json2.js会在浏览器原生支持JSON.parse的时候选用原生版本,而且它跟ES5是API兼容的。在ES5还没完全普及的现状下,John Resig大神推荐用json2.js主要是为了现在就能用跟ES5兼容的API,日后能平滑过渡到ES5——只要去掉一个import就换过来了。
下载json库
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
php生成json格式
使用页面
代码如下:
<script src="scripts/json.js"></script>
alert(data.toJSONString());
js 代码
代码如下:
functionshowJSON() {
varuser =
{
"username":"tom",
"age":20,
"info": {"tel":"123456","cellphone":"98765"},
"address":
[
{"city":"shanghai","postcode":"201203"},
{"city":"suzhou","postcode":"200000"}
]
}
alert(user.username);
alert(user.age);
alert(user.info.cellphone);
alert(user.address[0].city);
alert(user.address[0].postcode);
}
修改
代码如下:
user.username ="jerry";
可以使用eval来转换JSON字符到Object
代码如下:
functionmyEval() {
varstr = "{"name":"Violet","occupation":"character"}";
varbj = eval("(" + str + ")");
alert(obj.toJSONString());
}
functionmyEval() {
varstr = "{"name":"Violet","occupation":"character"}";
varbj = str.parseJSON();
alert(obj.toJSONString());
}
HTML DOM Legend 对象Legend 对象Legend 对象表示一个 HTML legend 元素。访问 Legend 对象您可以使用 getElementById() 来访问 ...
混合器并不一定总得生成相同的样式。可以通过在@include混合器时给混合器传参,来定制混合器生成的精确样式。当@include混合器时...
在本章中,我们来研究Sass 注释。注释是放在源代码中的不可执行语句。注释使源代码更容易理解。Sass支持两种类型的注释。多行注...
描述 @import(reference)用于导入外部文件,但不会将导入的样式添加到编译的CSS文件中。 这是在版本1.5.0 中发布的。例子以下示...
描述svg-gradient是一种颜色到另一种颜色的转换。 它可以向同一元素添加许多颜色。 它包括至少三个参数:第一个参数标识渐变类型...