最新的Web开发教程
 

JSON如何


JSON的一个常见的用途是在网页中从Web服务器读取数据,并显示数据。

为了简单起见,这可以通过使用一个字符串作为输入(而不是一个文件)来证明。


JSON实例 - 对象从字符串

创建包含JSON语法的一个JavaScript字符串:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

JSON语法是JavaScript语法的子集。

JavaScript函数JSON.parse( text )可用于一个JSON文本转换为JavaScript对象:

var obj = JSON.parse(text);

使用新的JavaScript对象在你的页面:

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
试一试»

使用eval()

没有为JavaScript函数的支持旧版浏览器的JSON.parse()可以使用eval()函数将JSON文本转换为JavaScript对象:

var obj = eval ("(" + text + ")");
试一试»

eval()函数可以编译和执行任何JavaScript。
这代表了潜在的安全问题。 尽量避免它

它是更安全的使用JSON解析器一个JSON文本转换为JavaScript对象。

一个JSON解析器只能识别JSON文本,并不会编译脚本。

在提供原生JSON支持的浏览器,JSON解析器也越来越快。

本地JSON支持包含在所有主要的浏览器和最新的ECMAScript(JavaScript)的标准:

Web浏览器支持
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

对于旧的浏览器,一个JavaScript库,可在https://github.com/douglascrockford/JSON-js

JSON格式最初是由指定的Douglas Crockford