---
# System prepended metadata

title: "\U0001F3C5 Day 30 - HTTP 狀態碼"
tags: [JS 直播班 - 2024 秋季班]

---

# 🏅 Day 30 - HTTP 狀態碼

學會看 HTTP 狀態碼是寫網頁很重要的一個能力，狀態碼所代表的訊息可以讓我們了解一個 HTTP 請求是否已經被完成。同學可以參考 [這篇文章](https://developer.mozilla.org/zh-TW/docs/Web/HTTP/Status) 深入了解狀態碼的種類。

這邊替大家整理一些使用 AJAX 比較常遇到、需要了解的狀態碼訊息：

1. **成功回應（Successful responses, 200–299）**
這區間的狀態碼表示伺服器有成功接收到用戶端要求。以 AJAX 的串接為例，如果回傳的 **status 為 200**，則代表有成功接收到資料。

2. **用戶端錯誤（Client errors, 400–499）**
這區間的狀態碼表示有錯誤發生，且錯誤來自於「用戶端」。以 AJAX 的串接為例，
    * 回傳的 **status 為 400**，表示遠端伺服器接收到無效語法、無法理解請求，因此需要檢查程式碼有無寫錯的地方。 
    * 回傳的 **status 為 403**, 表示禁止使用，這代表用戶端沒有訪問權限，因此沒辦法成功串接資料。 
    * 回傳的 **status 404**，表示找不到檔案資料。


3. **伺服器端錯誤（Server errors, 500–599）**
如果發生狀態碼為 **5xx** 的錯誤，則表示錯誤發生跟「遠端伺服器」有關，此時就需要跟後端工程師進行協調了。

問題
---
> 題目一：在使用 axios 串接 API 的時候，如果 HTTP 狀態碼顯示為 403，則代表有成功接收到資料，請問是正確還是錯誤？如果答案為錯誤，則狀態碼 403 代表什麼訊息，以及成功接收到資料的 HTTP 狀態碼應該為何？
>
> 題目二：請問「用戶端錯誤」以及「伺服器端錯誤」的 HTTP 狀態碼各自位於哪個數字區間？可否各自舉一個例子說明？




## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答： 

題目一: 錯誤，狀態碼 403 代表發生錯誤，表示用戶端沒有訪問權限。成功串接資料的狀態碼回應應該為 status 200。

題目二: 「用戶端錯誤」的區間為 400–499，「伺服器端錯誤」的區間為 500–599

舉例: 
* 400 -「用戶端錯誤」，表示發送的語法無效，應該檢查程式碼。
* 500 -「伺服器端錯誤」，表示伺服器端發生未知或無法處理的錯誤。
-->




回報區
---
| #   | Discord | CodePen / 答案 |
| --- | ----- | ----- |
|  01 |  voke | [CodePen](https://codepen.io/FiSi-the-lessful/pen/mdNqRxR) | 
|  02 |  泊岸 | [CodePen](https://codepen.io/qoq77416416/pen/abeaooR?editors=0010) | 
|  03 |  毛巾 | [CodePen](https://codepen.io/bqdcjboa-the-solid/pen/rNXQBQK) | 
|  04 |  tim | [CodePen](https://codepen.io/jskrtivy-the-animator/pen/vYoQYON?editors=0010) | 
|  05 |  david1819 | [CodePen](https://codepen.io/David-Lin-the-vuer/pen/RwXqwra) | 
| 06 | yuyuhunter_0509 | [CodePen](https://codepen.io/KRcube/pen/XWvyWgQ?editors=0010) |
| 07 | kaka_945 | [CodePen](https://codepen.io/kay945/pen/JjgejmY) | 
|   08  |   Ariel    | [CodePen](https://codepen.io/ariel0510/pen/KKOrKjE) |
| 09 | Ruby | [CodePen](https://codepen.io/xivgaijl-the-selector/pen/YzmRPpE) |
| 10 | Mos | [CodePen](https://codepen.io/mos25399/pen/ExqOaEW?editors=0010) |
| 11 | Hedwig | [CodePen](https://codepen.io/adirehfz-the-encoder/pen/KKOrwLV?editors=1010) | 
| 12 | Jainee | [CodePen](https://codepen.io/Jainee0110/pen/qBeQdOK) | 
|13|睿睿|[CodePen](https://codepen.io/uwmrsusb-the-solid/pen/abeQOaR?editors=0010)|
|  14   |   JIA    | [CodePen](https://codepen.io/nzaicwlw-the-styleful/pen/dyxQoLx?editors=0010) | 
| 15 | Dolce_墨 | [CodePen](https://codepen.io/DolceTseng1026/pen/abeQvJg) | 
| 16 |.tsz_ying | [CodePen](https://codepen.io/bekgnohe-the-selector/pen/gOVQapw?editors=1010) | 
|   17  |    kun._c8_shake_it   | [CodePen](https://codepen.io/barry91205/pen/BaXGKRN) | 
|   18  |   610    | [CodePen](https://codepen.io/YI-LING-LIU/pen/jOgQrpv) | 
|   19  |   jimmy.0706    | [CodePen](https://codepen.io/JimmyMao/pen/NWQErJB?editors=0010) | 
|   20  |   Sonia    | [CodePen](https://codepen.io/YUJOU/pen/KKOrMxG?editors=0010) |
| 21 | yuyeh_1212 | [CodePen](https://codepen.io/yuyeh1212/pen/KKOrNNg) |
| 22 | GTR150 | [CodePen](https://codepen.io/Wer-Qwe/pen/GRVwWgy) |
| 23 | Mike | [CodePen](https://codepen.io/mike2049/pen/bGXQpZg?editors=0010) |
|   24  |   Celine    | [CodePen](https://codepen.io/szuning/pen/WNVYwwr) | 
|25|mercury2508.| [CodePen](https://codepen.io/Mercury2508/pen/YzmRLyQ) |
| 26 |邵|[CodePen](https://codepen.io/ukscrlno-the-typescripter/pen/OJKaoeq?editors=1010)|
|   27  |   chris    | [CodePen](https://codepen.io/chris-chen-the-selector/pen/JjgwPYO?editors=0010) |
| 30    |  yuling     | [CodePen](https://codepen.io/yu-ling-peng/pen/OJKrVgK?editors=0010) | 
| 31 | Kaya | [CodePen](https://codepen.io/kayaribi/pen/zYgyvqm) | 
| 32 | 嚼勁先生 | [CodePen](https://codepen.io/James520284/pen/jOgXVMP) | 
| 33 | charlottelee | [CodePen](https://codepen.io/char849/pen/BaXvQJB) |
| 34 | 野鴿 | [CodePen](https://codepen.io/HoshinoSyouta/pen/poMqwbd) |
| 35 | ROGAN | [CodePen](https://codepen.io/RoganHsu/pen/WNVPQrG) |
| 36 | Joannehu | [CodePen](https://codepen.io/nelbabkv-the-flexboxer/pen/vYobLJx) |
| 37 | 是在哈囉 | [CodePen](https://codepen.io/miyxdhem-the-solid/pen/KKOJMPN) |
| 38 | 陳小廷 | [CodePen](https://codepen.io/ting1124/pen/GRVzywy?editors=1000) |
|  39   |   alec1203    | [CodePen](https://codepen.io/soloayaya/pen/rNXPJMe?editors=1012) |
|  40   |   joylu0902    | [CodePen](https://codepen.io/joylu0902/pen/eYqxyJb) |
|41|Hailey|[CodePen](https://codepen.io/sxbokfja-the-flexboxer/pen/mdNoedo?editors=1010)|
| 42 | Glen_69515 | [CodePen](https://codepen.io/glenyaochih/pen/XWvGXpG)|
| 43 | ab567ab5 | [CodePen](https://codepen.io/WanTzu-Chiang/pen/zYgbKyO?editors=0010)|
| 44 | Lotte | [CodePen](https://codepen.io/hmkdoxuj-the-decoder/pen/mdNoWmr?editors=1100)|
| 45 | Tatsu | [CodePen](https://codepen.io/chindesu0207/pen/NWQJzBV) | 
| 46 | JRz | [CodePen](https://codepen.io/JRZHENG/pen/JjgzwOg) | 
| 47 | Emma | [CodePen](https://codepen.io/Emma0919/pen/abexXBz) | 
|48|Amy(咂摳)| [CodePen](https://codepen.io/nnxucgmc-the-builder/pen/OJKYyeJ?editors=0011) | 
| 49 | Nocab | [CodePen](https://codepen.io/PeihanWang/pen/xxvoOVE?editors=0010) | 
| 49 | Jack | [CodePen](https://codepen.io/kxbhixte-the-sasster/pen/MWNMjwJ) | 
| 50 | KOMATSU PEI | [CodePen](https://codepen.io/Komatsu2021/pen/OPLLWgz?editors=0010) | 
| 51 | 蘑菇星星 | [CodePen](https://codepen.io/brrrieon-the-vuer/pen/LEPPWRz?editors=1112) | 
| 52 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/QwLLvoO)|
| 53 | Seris | [Codepen](https://codepen.io/Dale-Chien/pen/wBwwpdZ)|
| 54 | Chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/WbePypR?editors=1010)|


<!-- 可複製下方格式
|     |       | [CodePen]() | 
-->