擷取 JSON 格式流程

要如何把「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 筆資料