如何使用JSON

json的使用對於js來說很重要，本篇將會講解json的使用情況。

把JSON 文字轉換成JavaScript 物件

#JSON 最常見的用法之一，是從web 伺服器上讀取JSON 資料（作為檔案或作為HttpRequest），將JSON 資料轉換為JavaScript 對象，然後在網頁中使用該資料。

為了更簡單地為您講解，我們使用字串#作為輸入進行演示（而不是文件）。

JSON 實例- 來自字串的物件

建立包含JSON 語法的JavaScript 字串：

var txt = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"George" , "lastName":"Bush" },' +
'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

由於JSON 語法是JavaScript 語法的子集，JavaScript 函數 eval() 可用來將JSON 文字轉換為JavaScript 物件。

eval() 函數使用的是 JavaScript 編譯器，可解析 JSON 文本，然後產生 JavaScript 物件。必須把文字包圍在括號中，這樣才能避免語法錯誤：

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

##在網頁中使用JavaScript 物件：

範例

<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>

本篇對json的使用情況，做出了相關的講解，更多的學習資料清關注p​​hp中文網即可觀看。

相關推薦：

了解json的相關語法

對JSON 初步了解

關於PHP 篩選器（Filter）的相關了解

以上是如何使用JSON的詳細內容。更多資訊請關注PHP中文網其他相關文章！