上一篇：JSON.stringify() 下一篇：JSONP 教程

JSON 使用

JSON經(jīng)常應(yīng)用到的場(chǎng)景是：在后臺(tái)應(yīng)用程序中將響應(yīng)數(shù)據(jù)封裝成JSON格式，傳到前臺(tái)頁(yè)面之后，需要將JSON格式轉(zhuǎn)換為JavaScript對(duì)象，然后在網(wǎng)頁(yè)中使用該數(shù)據(jù)。

把 JSON 文本轉(zhuǎn)換為 JavaScript 對(duì)象

JSON 最常見的用法之一，是從 web 服務(wù)器上讀取 JSON 數(shù)據(jù)（作為文件或作為 HttpRequest），將 JSON 數(shù)據(jù)轉(zhuǎn)換為 JavaScript 對(duì)象，然后在網(wǎng)頁(yè)中使用該數(shù)據(jù)。

為了更簡(jiǎn)單地為您講解，我們使用字符串作為輸入進(jìn)行演示（而不是文件）。

JSON 實(shí)例 - 來自字符串的對(duì)象

創(chuàng)建包含 JSON 語法的 JavaScript 字符串：

var txt = '{ "sites" : [' + '{ "name":"小白教程" , "url":"" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"微博" , "url":"www.weibo.com" } ]}';

由于 JSON 語法是 JavaScript 語法的子集，JavaScript 函數(shù) eval() 可用于將 JSON 文本轉(zhuǎn)換為 JavaScript 對(duì)象。

eval() 函數(shù)使用的是 JavaScript 編譯器，可解析 JSON 文本，然后生成 JavaScript 對(duì)象。必須把文本包圍在括號(hào)中，這樣才能避免語法錯(cuò)誤：

var obj = eval ("(" + txt + ")");

在網(wǎng)頁(yè)中使用 JavaScript 對(duì)象：

實(shí)例

var txt = '{ "sites" : [' + '{ "name":"小白教程" , "url":"" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"微博" , "url":"www.weibo.com" } ]}'; var obj = eval ("(" + txt + ")"); document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url

運(yùn)行代碼 ?

JSON 解析器

lamp ? eval() 函數(shù)可編譯并執(zhí)行任何 JavaScript 代碼。這隱藏了一個(gè)潛在的安全問題。

使用 JSON 解析器將 JSON 轉(zhuǎn)換為 JavaScript 對(duì)象是更安全的做法。JSON 解析器只能識(shí)別 JSON 文本，而不會(huì)編譯腳本。

在瀏覽器中，這提供了原生的 JSON 支持，而且 JSON 解析器的速度更快。

較新的瀏覽器和最新的 ECMAScript (JavaScript) 標(biāo)準(zhǔn)中均包含了原生的對(duì) JSON 的支持。

Web 瀏覽器支持	Web 軟件支持
Firefox (Mozilla) 3.5 Internet Explorer 8 Chrome Opera 10 Safari 4	jQuery Yahoo UI Prototype Dojo ECMAScript 1.5