顯示 loading 狀態
修改檔案:script.js
完成後看見:按下載入後立即顯示讀取中
CHAPTER 20 · PRACTICE WORKSPACE
能顯示遠端資料及 loading、success、empty、error 四態
TASK STATUS
修改檔案:script.js
完成後看見:按下載入後立即顯示讀取中
修改檔案:script.js
完成後看見:成功取得兩筆遠端格式資料
修改檔案:script.js
完成後看見:loading 立即出現,成功安全顯示卡片,空資料與失敗各有明確訊息
WORKSPACE
已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。
內建 JSON 練習
尚未載入
CONTINUE
三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。
CHAPTER HANDOFF
接收第 19 章:保留 selector、事件、目前項目、class 與 aria 狀態的讀碼方法;本頁是獨立資料載入器,不共用第 19 章 FAQ 的 HTML。
交給第 21 章:完成後要能重用 requestItems()、response.ok、response.json()、安全 render 與 loading/success/empty/error 四態;第 21 章會把資料來源換成 Sheet/GAS,接著處理 rows 正規化,不重做本章四態基礎。前往第 21 章