在《JSON中文手冊》中,JSON: JavaScript Object Notation(JavaScript 物件表示法) JSON 是儲存和交換文字資訊的語法。類似 XML。 JSON 比 XML 更小、更快,也更容易解析。
JSON(JavaScript?Object Notation, JS 物件簡譜) 是一種輕量級的資料交換格式。它是基於?ECMAScript?(歐洲電腦協(xié)會所製定的js規(guī)格)的子集,並採用完全獨立於程式語言的文字格式來儲存和表示資料。簡潔和清晰的層次結(jié)構(gòu)使得 JSON 成為理想的資料交換語言。易於人閱讀和編寫,同時也易於機器解析和生成,並有效地提升網(wǎng)路傳輸效率。
提示:在您開始學(xué)習(xí)JSON之前,您應(yīng)該先對javascript 、AJAX 、jQuery知識有基本的了解。
JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式。易於人閱讀和編寫。同時也易於機器解析和生成。它是基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的子集。
JSON是Douglas Crockford在2001年開始推廣使用的資料格式,在2005年-2006年正式成為主流的資料格式,而雅虎和Google就在那時候開始廣泛地使用JSON格式。
下面讓我們感受下第一個json實例!
第一個JSON實例
實例
<!DOCTYPE html> <html> <body> <h2>JSON Object Creation in JavaScript</h2> <p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <script> var JSONObject= { "name":"John Johnson", "street":"Oslo West 555", "age":33, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jage").innerHTML=JSONObject.age document.getElementById("jstreet").innerHTML=JSONObject.street document.getElementById("jphone").innerHTML=JSONObject.phone </script> </body> </html>
運行實例?
點擊"運行實例" 按鈕查看線上實例
提示:我們的JSON教學(xué)將幫助您學(xué)習(xí)從初級到高級的JSON知識。如果你有任何疑問,請前往PHP中文網(wǎng)JSON社群提出你的問題,會有熱心網(wǎng)友為你解答。
JSON和XML的比較
可讀性
JSON和XML的可讀性可謂不相上下,一邊是簡易的語法,一邊是規(guī)範(fàn)的標(biāo)籤形式,很難分出勝負(fù)。
可擴展性
XML天生有很好的擴充性,JSON當(dāng)然也有,沒有什麼是XML可以擴充而JSON卻不能擴展的。不過JSON在Javascript主場作戰(zhàn),可以儲存Javascript複合對象,有著xml不可比擬的優(yōu)勢。
編碼難度
XML有豐富的編碼工具,例如Dom4j、Dom、SAX等,JSON也有提供的工具。在無工具的情況下,相信熟練的開發(fā)人員一樣能很快的寫出想要的xml文檔和JSON字符串,不過,xml文檔要多很多結(jié)構(gòu)上的字符。
解碼難度
XML的解析方式有兩種:
一是透過文件模型解析,也就是透過父標(biāo)籤索引出一組標(biāo)記。例如:xmlData.getElementsByTagName("tagName"),但是這樣是要在預(yù)先知道文檔結(jié)構(gòu)的情況下使用,無法進行通用的封裝。
另外一種方法是遍歷節(jié)點(document 以及 childNodes)。這個可以透過遞歸來實現(xiàn),不過解析出來的資料仍舊是形式各異,往往也不能滿足預(yù)先的要求。
凡是這樣可擴展的結(jié)構(gòu)資料解析起來一定都很困難。
JSON也是如此。如果預(yù)先知道JSON結(jié)構(gòu)的情況下,使用JSON進行資料傳遞簡直是太美妙了,可以寫出很實用美觀可讀性強的程式碼。如果你是純粹的前臺開發(fā)人員,一定會非常喜歡JSON。但如果你是應(yīng)用程式開發(fā)人員,就不是那麼喜歡了,畢竟xml才是真正的結(jié)構(gòu)化標(biāo)記語言,用來進行資料傳遞。
而如果不知道JSON的結(jié)構(gòu)而去解析JSON的話,那簡直是惡夢。費時費力不說,程式碼也會變得冗餘拖沓,得到的結(jié)果也不盡人意。但這樣也不影響眾多前臺開發(fā)人員選擇JSON。因為json.js中的toJSONString()就可以看到JSON的字串結(jié)構(gòu)。當(dāng)然對於不是經(jīng)常使用這個字串的人,這樣做仍舊是噩夢。常用JSON的人看到這個字串之後,就對JSON的結(jié)構(gòu)很明了,就更容易的操作JSON。
以上是在Javascript中僅對於資料傳遞的xml與JSON的解析。在Javascript地盤內(nèi),JSON畢竟是主場作戰(zhàn),優(yōu)勢當(dāng)然要遠(yuǎn)遠(yuǎn)優(yōu)越於xml。如果JSON中儲存Javascript複合對象,而且不知道其結(jié)構(gòu)的話,我相信很多程式設(shè)計師也一樣是哭著解析JSON的。
除了上述之外,JSON和XML還有另一個很大的差別在於有效資料率。 JSON作為資料包格式傳輸?shù)臅r候具有更高的效率,這是因為JSON不像XML那樣需要有嚴(yán)格的閉合標(biāo)籤,這就讓有效資料量與總資料包比大大提升,從而減少同等資料流量的情況下,網(wǎng)路的傳輸壓力。
JSON的優(yōu)缺點:
優(yōu)點:
#資料格式比較簡單,容易讀寫,格式都是壓縮的,佔用頻寬??;
易於解析,客戶端JavaScript可以簡單的透過eval()進行JSON資料的讀??;
支援多種語言,包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等伺服器端語言,便於伺服器端的解析;
在PHP世界,已經(jīng)有PHP-JSON和JSON-PHP出現(xiàn)了,偏於PHP序列化後的程式直接調(diào)用,PHP伺服器端的物件、陣列等能直接產(chǎn)生JSON格式,便於客戶端的存取提取;
## JSON格式能直接為伺服器端程式碼使用,大幅簡化了伺服器端和客戶端的程式碼開發(fā)量,且完成任務(wù)不變,且易於維護。
缺點:
沒有XML格式這麼推廣的深入人心和喜用廣泛,沒有XML那麼通用性;
##JSON格式目前在Web Service中推廣還屬於初級階段。
本JSON教學(xué)手冊涵蓋的內(nèi)容
本JSON教學(xué)涵蓋所有JSON基礎(chǔ)和進階知識,包含了JSON格式、JSON解析、JSON遍歷、JSON呼叫、 JSON轉(zhuǎn)換、JSON取得、JSON字串、JSON陣列等等。
提示:本教學(xué)的每一章都包含了許多JSON實例,您可以直接點擊?"執(zhí)行實例"?按鈕線上查看結(jié)果。這些例子將幫助您更好地理解和運用JSON。
最新章節(jié)
相關(guān)課程
- Web前端開發(fā)極速入門 2021-12-10
- 最懂你的大前端課:HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門影片教學(xué) 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開發(fā)Web應(yīng)用程式基礎(chǔ)實例影片教學(xué) 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎(chǔ)影片教學(xué) 2022-04-13
- 線上訓(xùn)練班試聽課 2019-01-10