要如何把「open data 的 json 資料」撈到自己的 JS 檔案裡面呢?
作法如下:
- 以 Open1999派工受理案件資料 為例
🎃 在 chrome 點擊進入資料庫
- 因為有使用「JSON VIEW chrome 插件」,所以看到的會是像這樣“整理好的格式”
撈取「原始的資料」
但是,因為現在看到的資料是「JSON VIEW chrome 插件」處理過的,
🎃 要撈取「資料庫的資料」,就必須要使用「原始的資料」
原因為:這樣才會是「原始的、最精準的資料」
作法如下:
🍋 在網頁上按右鍵「檢視網頁原始碼」
🎃 「檢視網頁原始碼」中,就是「原始資料」。 把所有資料「複製」起來
🎃 在我的 all.js 裡面,宣告一個變數data
後,把剛才複製的資料,貼到「data
變數」裡面,用變數來儲存這些資料
確認資料格式是否正確
🎃 為了確認這些資料的格式是否正確(是否有依照“array, object 的格式”),我試著撈出「陣列中,第一個物件的“ZipName_
屬性的值”」
JS:
1 | console.log(data[0].ZipName_); |
🎃 在 Console 有正確顯示「大寮區」
✅ 代表我的 json 資料格式是正確的
計算「陣列中,共有幾筆資料」
🎃 用data.length
計算「陣列中,共有幾筆資料」
JS:
1 | console.log(data.length); |
🎃 在 Console 顯示:陣列中,共有 600 筆資料