iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
1
Modern Web

JavaScript 菜鳥研究室系列 第 3

菜鳥日記Day 3-什麼是JSON?

  • 分享至 

  • xImage
  •  

JSON是由「道格拉斯·克羅克福特」所構想並設計的一種輕量級資料交換語言

在閱讀JSON資訊前,請記得安裝JSONView套件,否則會像下圖一樣,看到一堆亂碼
https://ithelp.ithome.com.tw/upload/images/20200917/20130039MLnrm2nlfW.png

安裝JSONView以後,則會以井然有序的方式呈現在使用者面前
https://ithelp.ithome.com.tw/upload/images/20200917/20130039rmw1SDVW1R.png

在JSON資料庫的最外層為變數名稱(可自行命名為data或dataList),往內依序會看到陣列、物件與各種編輯過的變數、字串、數字、布林值。JSON資料庫裡的內容愈完整,編輯者能做的事情就愈多。

最常見的是文字資訊與數據的呈現,以林務局的資料為例可使用的資訊就包含TRAILID(序號)、TR_CNAME(步道名稱)、TR_MAIN_SYS(系統名稱)、GUIDE_CONTENT(導覽內容)與TR_LENGTH(步道長度)等資訊。

雖同樣是文字資訊,但在應用上卻有些微的差異。例如TR_CNAME(步道名稱)、GUIDE_CONTENT(導覽內容)、TR_LENGTH(步道長度),適合用來做主要內容的呈現。

TR_MAIN_SYS(系統名稱)、TR_ADMIN(管理處名稱),則適合用做為select(分類器)的value(值)。讓使用者可透過分類器,更快找到所需的資料。

TR_ENTRANCE(入口資訊)的內容則為高度資訊與X、Y軸座標,可與Google MAP API、Map box搭配使用。這部分之後會做更深入的分享~**


上一篇
菜鳥日記Day 2-建立「森林步道資訊網」
下一篇
菜鳥日記Day 4-載入Leaflet地圖套件
系列文
JavaScript 菜鳥研究室30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言