關(guān)于JSON的定義以及如何使用
JSON 是什么?
- JSON,全稱是 JavaScript Object Notation,即 JavaScript對象標(biāo)記法。
- JSON是一種輕量級(Light-Meight)、基于文本的(Text-Based)、可讀的(Human-Readable)格式。
- JSON 的名稱中雖然帶有JavaScript,但這是指其語法規(guī)則是參考JavaScript對象的,而不是指只能用于JavaScript 語言。
- JSON無論對于人,還是對于機器來說,都是十分便于閱讀和書寫的,而且相比 XML(另一種常見的數(shù)據(jù)交換格式),文件更小,因此迅速成為網(wǎng)絡(luò)上十分流行的交換格式。
- 近年來JavaScript已經(jīng)成為瀏覽器上事實上的標(biāo)準(zhǔn)語言,JavaScript 的風(fēng)靡,與JSON 的流行也有密切的關(guān)系。
- 因為JSON本身就是參考JavaScript 對象的規(guī)則定義的,其語法與JavaScript定義對象的語法幾乎完全相同。
- JSON格式的創(chuàng)始人聲稱此格式永遠不升級,這就表示這種格式具有長時間的穩(wěn)定性,10 年前寫的文件,10年后也能用,沒有任何兼容性問題。
JSON - 轉(zhuǎn)換為 JavaScript 對象
JSON 文本格式在語法上與創(chuàng)建 JavaScript 對象的代碼相同。
由于這種相似性,無需解析器,JavaScript 程序能夠使用內(nèi)建的 eval() 函數(shù),用 JSON 數(shù)據(jù)來生成原生的 JavaScript 對象。
在線實例
通過我們的編輯器,您可以在線編輯 JavaScript 代碼,然后通過點擊一個按鈕來查看結(jié)果:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <h2>JavaScript 創(chuàng)建 JSON 對象</h2> <p> 網(wǎng)站名稱: <span id="jname"></span><br /> 網(wǎng)站地址: <span id="jurl"></span><br /> 網(wǎng)站 slogan: <span id="jslogan"></span><br /> </p> <script> var JSONObject= { "name":"菜鳥教程", "url":"www.runoob.com", "slogan":"學(xué)的不僅是技術(shù),更是夢想!" }; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jurl").innerHTML=JSONObject.url document.getElementById("jslogan").innerHTML=JSONObject.slogan </script> </body> </html>
與 XML 相同之處
- JSON 是純文本
- JSON 具有"自我描述性"(人類可讀)
- JSON 具有層級結(jié)構(gòu)(值中存在值)
- JSON 可通過 JavaScript 進行解析
- JSON 數(shù)據(jù)可使用 AJAX 進行傳輸
與 XML 不同之處
- 沒有結(jié)束標(biāo)簽
- 更短
- 讀寫的速度更快
- 能夠使用內(nèi)建的 JavaScript eval() 方法進行解析
- 使用數(shù)組
- 不使用保留字
為什么使用 JSON?
對于 AJAX 應(yīng)用程序來說,JSON 比 XML 更快更易使用:
使用 XML
- 讀取 XML 文檔
- 使用 XML DOM 來循環(huán)遍歷文檔
- 讀取值并存儲在變量中
使用 JSON
- 讀取 JSON 字符串
- 用 eval() 處理 JSON 字符串
到此這篇關(guān)于關(guān)于JSON的定義以及如何使用的文章就介紹到這了,更多相關(guān)JSON的定義內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript腳本語言在網(wǎng)頁中的簡單應(yīng)用
JavaScript腳本語言在網(wǎng)頁中的簡單應(yīng)用...2007-05-05Angularjs 設(shè)置全局變量的方法總結(jié)
這篇文章主要介紹了Angularjs 設(shè)置全局變量的方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-10-10js parsefloat parseint 轉(zhuǎn)換函數(shù)
JavaScript提供了3個顯式的類型轉(zhuǎn)換函數(shù),分別是eval()、parseInt()和parseFloat()。2010-01-01