ES5_02 _JSON對象

 

什麼是JSON？

• JSON 指的是 JavaScript 對象表示法（JavaScript Object Notation）
• JSON 是輕量級的文本數據交換格式
• JSON 獨立於語言：JSON 使用 Javascript語法來描述數據對象，可是 JSON 仍然獨立於語言和平臺。JSON 解析器和 JSON 庫支持許多不一樣的編程語言。 目前很是多的動態（PHP，JSP，.NET）編程語言都支持JSON
• JSON 具備自我描述性，更易理解

 

JSON使用：

把JSON轉換爲 JavaScript 對象

JSON 最多見的用法之一，是從 web 服務器上讀取 JSON 數據（做爲文件或做爲 HttpRequest），將 JSON 數據轉換爲 JavaScript 對象，而後在網頁中使用該數據。

爲了更簡單地爲您講解，咱們使用字符串做爲輸入進行演示（而不是文件）。

例：

var txt = '{ "sites" : [' + '{ "name":"JSON教程" , "url":"www.baidu.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"博客" , "url":"www.boke.com" } ]}';

JavaScript 函數 eval() 可用於將 JSON 文本轉換爲 JavaScript 對象

轉換：

var txt = '{ "sites" : [' + '{ "name":"JSON教程" , "url":"www.baidu.com" },' + '{ "name":"google" , "url":"www.google.com" },' + '{ "name":"博客" , "url":"www.boke.com" } ]}'; var obj = eval ("(" + txt + ")"); document.getElementById("name").innerHTML=obj.sites[0].name document.getElementById("url").innerHTML=obj.sites[0].url

 

補充：

JSON.stringify（）用法：

JSON 一般用於與服務端交換數據。

在向服務器發送數據時通常是字符串。

咱們能夠使用 JSON.stringify() 方法將 JavaScript 對象轉換爲字符串。

1. JSON.stringify(obj/arr)

    * js對象(數組)轉換爲json對象(數組)
2. JSON.parse(json)
   * json對象(數組)轉換爲js對象(數組)

語法參考：

 

參數說明：

• value:

  必需， 要轉換的 JavaScript 值（一般爲對象或數組）。

• replacer:

  可選。用於轉換結果的函數或數組。

  若是 replacer 爲函數，則 JSON.stringify 將調用該函數，並傳入每一個成員的鍵和值。使用返回值而不是原始值。若是此函數返回 undefined，則排除成員。根對象的鍵是一個空字符串：""。

  若是 replacer 是一個數組，則僅轉換該數組中具備鍵值的成員。成員的轉換順序與鍵在數組中的順序同樣。當 value 參數也爲數組時，將忽略 replacer 數組。

• space:

  可選，文本添加縮進、空格和換行符，若是 space 是一個數字，則返回值文本在每一個級別縮進指定數目的空格，若是 space 大於 10，則文本縮進 10 個空格。space 也能夠使用非數字，如：\t。

 

eval（）使用方法：