首頁 > web前端 > js教程 > 主體

如何使用JSON

jacklove
發布: 2018-05-08 09:35:47
原創
1984 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板