iT邦幫忙

2026 iThome 鐵人賽

DAY 3
0
Software Development

從零開始的後端開發:用 Flask 實作 REST API,搞懂 API 與資料庫之間如何協作系列 第 3 篇

Day 3|前端和後端怎麼溝通?認識 HTTP、Request 與 Response

  • 分享至 

  • xImage
  •  

上一篇認識了前端和後端分別在做什麼,不過最後留下了一個問題:

Q : 前端和後端分別負責不同的事情,那前端要怎麼把需要處理的事情交給後端?後端處理完之後,又是怎麼把結果傳回來的?

A : 當前端有事情需要後端處理時,就需要向後端發出請求,後端收到請求並處理完之後,再把結果回傳給前端。

這裡就會遇到 Request(請求)和 Response(回應)。

Request(請求)是什麼?

簡單來說就是向對方提出一個要求,希望對方幫我們處理某件事情。

繼續用上一篇登入網站的例子。

在登入頁面輸入帳號和密碼
按下「登入」
前端就要把登入的需求送到後端,請後端幫我們處理登入

就像前端在跟後端說

「我要登入,這是我輸入的資料,請幫我處理。」 = Request(請求)。

Request (請求)不只是單純「傳資料」,而是向對方提出一個請求,而這個請求裡面可以帶著需要處理的資料。

Response(回應)又是什麼?

後端收到 Request(請求) 後,就會開始處理這次的請求。

例如剛才的登入,後端收到登入資料之後,會進行處理並確認登入是否成功。

但後端處理完還不夠,因為這時候前端還不知道結果。

所以後端還需要把處理的結果傳回去。

後端對 Request 所回傳的結果,就是 Response(回應)。

一樣用餐廳的例子來理解:

當我們跟店員說:

「我要一杯紅茶」就像Request(請求)

店員收到需求之後進行處理
最後把紅茶交給我們就像Response(回應)。

統整:
Request(請求):前端向後端說「我想請你處理這件事情。」

Response(回應):後端處理完後告訴前端「這是處理的結果。」

流程:
前端 → Request(請求)→ 後端處理 → Response(回應)→ 前端

那 HTTP 是什麼呢?

HTTP = HyperText Transfer Protocol(超文字傳輸協定)。

「協定」這個詞感覺很難,可以先把它理解成溝通時大家共同遵守的一套規則。

前端和後端要進行溝通時,需要有一套雙方共同遵守的規則,而 HTTP 就是其中一種通訊協定。

所以剛才的流程可以再完整一點理解成:

前端按照HTTP的規則發出 Request → 後端收到並處理 → 按照 HTTP 的規則回傳 Response

HTTP 是溝通時使用的規則,
Request 是發出去的請求,
Response 是處理後回來的回應。

到這裡,我們已經知道前端和後端之間可以透過 HTTP 的 Request 和 Response 進行請求與回應

但

前端知道可以向後端發出 Request,但它到底要向後端的哪裡提出請求呢?


上一篇
Day 2|前端與後端到底差在哪?
下一篇
Day 4|API 到底是什麼?
系列文
從零開始的後端開發:用 Flask 實作 REST API,搞懂 API 與資料庫之間如何協作 共 15 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言