CHAPTER 20 · PRACTICE WORKSPACE

API、JSON、非同步與錯誤狀態

能顯示遠端資料及 loading、success、empty、error 四態

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

顯示 loading 狀態

修改檔案:script.js

完成後看見:按下載入後立即顯示讀取中

TASK-02已完成

讀取並解析 JSON

修改檔案:script.js

完成後看見:成功取得兩筆遠端格式資料

TASK-03已完成

呈現 loading、success、empty、error 四態

修改檔案:script.js

完成後看見:loading 立即出現,成功安全顯示卡片,空資料與失敗各有明確訊息

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

內建 JSON 練習

推薦閱讀

尚未載入

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰