JSON是什麼

JSON(JavaScript Object Notation)是一種輕量級的數據交換格式, 是 Javascript Object Notation 的縮寫。

通常先學 Javascript 再學 JSON ,因為它是 Javascript 衍生出的一項功能。 JSON 是根據 JavaScript 的物件實字 (object literal) 發展出來的。

市面上也有另一個資料交換格式 XML,許多.Net 專案也是常常在使用。之後我在寫一篇文章介紹!

本文章參考資料:

https://tw.alphacamp.co/blog/json

https://miniaspreading.github.io/guide-to-json/1-what-is-json.html

https://blog.csdn.net/weiwei9363/article/details/117805722


JSON 與 XML

XML (Extensible Markup Language) 是一種描述語言。 資料的描述在本質上與 JSON 類似。 使用XML中的Tags進行描述,工作量較大。 資料不僅可以透過標籤來描述,還可以透過屬性(例如:文字)來描述。 因此,當交換資料時,發送方和接收方必須具有關協定方便非常明確的資訊。

相較之下,JSON 中的結構非常靈活,在任何情況下都可以被接收者完全理解,並且無需事先達成任何結構協議即可轉換為物件。

因此,XML適合定義明確的資料接口,JSON適合靈活的資料交換。

給予支持-是我繼續寫下去的動力

JSON格式

Copy 過來的時候,OpenData一開始是不會這麼乾淨的!

以下是在Javascript 整理好的畫面。

JSON 資料來源

以下不囉嗦,直接示範給你看看!

https://data.kcg.gov.tw/

開放資料的內容

開放JSON資料

點選進去的之前,瀏覽器建議安裝JSON View。(下方安裝連結)

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=zh-TW

JSON資料-檢視網頁原始資料

進入網頁原始資料

你會發現官方給的資料非常不易整理,我們會需要整理工具。

以下工具可幫助你JSON整理格式!

https://jsoneditoronline.org/

https://jsonformatter.curiousconcept.com/

https://tw.piliapp.com/json/formatter/

https://coding.tools/tw/json-formatter


開啟VS 建立一個新的JS檔案

新增一個空物件,等會賦予裡面的資料。

用瀏覽器閱讀該資料