HTTP — 電腦怎麼對話
Web 的請求/回應協定
⏱ 預估 ~4 分鐘
01 · 讀一讀
當你的瀏覽器(client)跟 server 對話時,它們用一個叫 HTTP(HyperText Transfer Protocol,超文本傳輸協定)的協定。它就是一個簡單的一來一往對話:
1. 你的瀏覽器送一個請求(request):「我要這個頁面」或「這裡有資料要存」 2. Server 送回一個回應(response):「頁面在這裡」、「收到了,存好了」、或是「抱歉找不到」
網路上每一個互動都是這個模式。每次載入頁面、每次送表單、每張圖片出現 — 全都是 HTTP request 跟 response 在來來回回。
💡 想像一下HTTP 就像寄信。你寫一封信(request),裡面寫明你的動作 — 「請把你的型錄寄給我」或「這是我的訂購單」。公司寫一封信回來(response),回你想要的東西,或附一張條子說幫不上忙。每封信都有雙方都看得懂的固定格式。
重點整理
- HTTP = HyperText Transfer Protocol,網路的共通語言
- 每個網路互動都是 client 的 request + server 的 response
- Request 會包含一個 method,說你想做什麼
- Response 會包含一個 status code(狀態碼),說發生了什麼事
02 · 看程式碼
HTTP 對不同動作有不同的 method。下面是最常見的四種。
GET — 讀取資料
GET /api/users
"Give me the list of users."
Used when: loading a page, viewing a profile, searching
POST — 新增資料
POST /api/users
"Here's a new user to add."
Used when: signing up, submitting a form, posting a comment
PUT — 更新資料
PUT /api/users/42
"Update user #42 with this new info."
Used when: editing your profile, changing settings
DELETE — 刪除資料
DELETE /api/users/42
"Remove user #42."
Used when: deleting your account, removing a post
想成 CRUD:Create(POST)、Read(GET)、Update(PUT)、Delete(DELETE)。這四個操作幾乎涵蓋你在網路上做的所有事。
03 · 配對
把每個 HTTP status code 配對到它的意思。你大概以前就看過其中幾個了!
(本節為互動練習,請啟用 JavaScript 體驗)
04 · 選擇題
當你在網站上送出註冊表單時,你的瀏覽器最有可能用哪個 HTTP method?
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案,非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。