JavaScirpt基础 之 JSON 四

JavaScirpt基础 之 JSON 四

JSON 字符串转换为 JavaScript 对象

通常我们从服务器中读取 JSON 数据，并在网页中显示数据。

简单起见，我们网页中直接设置 JSON 字符串 (你还可以阅读我们的 JSON 教程):

首先，创建 JavaScript 字符串，字符串为 JSON 格式的数据：

var text = '{ "sites" : [' +
'{ "name":"Baidu" , "url":"www.Baidu.com" },' +
'{ "name":"Google" , "url":"www.google.com" },' +
'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';

然后，使用 JavaScript 内置函数JSON.parse() 将字符串转换为 JavaScript 对象:

var obj = JSON.parse(text);

最后，在页面中使用新的 JavaScript 对象：

var text = '{ "sites" : [' +
    '{ "name":"Baidu" , "url":"www.Baidu.com" },' +
    '{ "name":"Google" , "url":"www.google.com" },' +
    '{ "name":"Taobao" , "url":"www.taobao.com" } ]}';
    
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;