發送你的第一個 API 請求
看懂文件是一回事，真正「打」出去才算學會。這一課你會用 JavaScript 的 fetch 發送真正的 HTTP 請求，體驗完整的 request → response 流程。
工具推薦：API Workbench 如果你想在終端機或桌面 App 裡測試 API，推薦使用 API Workbench——request 存成 JSON 檔案，版本控制友善，還能自動驗證回應。
fetch 基本語法
Request 的完整結構
一個 HTTP 請求包含這些部分：
Response 的結構
API 回傳的 Response 也有固定結構：
用 API Workbench 測試
在 API Workbench 裡，同樣的請求會存成 JSON 檔案：
處理回應資料
拿到 JSON 回應後，最常見的操作是提取和轉換：
AI 協作：學了這個，跟 AI 怎麼配合？
會發 API 請求後，你可以讓 AI 幫你寫「批次呼叫 + 資料整理」的腳本，你只需驗證結果是否合理。
你的人類優勢：
- 你知道哪些 API 需要串接，先後順序怎麼排
- 你能看出回傳資料是否異常（金額、數量、日期）
可以這樣跟 AI 說：
我要用 fetch 呼叫這個商品 API，拿回所有「庫存低於 10」的商品清單，整理成表格格式印出來。API endpoint 是 GET /api/products?stock_below=10。
練習題
互動示範
挑戰任務
模擬 API 回傳，計算平均訂單金額。印出「平均金額: 1500」。
起始程式碼： const response = { orders: [ { amount: 1000 }, { amount: 2000 }, { amount: 1500 } ] };
從 API 回應中篩選出 status 為 'active' 的商品數量。印出「上架中: 2」。
起始程式碼： const data = { products: [ { name: '白T', status: 'active' }, { name: '黑褲', status: 'inactive' }, { name: '帽子', status: 'active' } ] };
模擬處理 API 錯誤回應。根據 status 印出對應訊息：200 印「請求成功」，其他印「錯誤: {message}」。
起始程式碼： const response = { status: 403, body: { message: '沒有權限' } };