---
tags: JS 直播班 - 2022 秋季班
---
# 🏅 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 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：

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

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

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

回報區
---

| Discord | CodePen / 答案 |
|:---------------------:|:----------------------------------------------------------------------------:|
| albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/BaVWOPQ?editors=1010) |
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/zYaKyRO) |
| hsiung阿熊#4079 | [Codepen](https://codepen.io/hsiungchi/pen/gOKmdKP) |
| JackC#0411 | [CodePen](https://codepen.io/key0329/pen/eYKvLQj) |
| suihsilan#9485 | [Codepen](https://codepen.io/suihsilan/pen/jOKBvQa?editors=0010) |
| yumy#1940 | [Codepen](https://codepen.io/yumyyang/pen/JjZWaBz) |
| 圈圈#4060 | [codepen](https://codepen.io/wjejfczn-the-bold/pen/rNKyZbq) |
| Clara#1275 | [Codepen](https://codepen.io/bsupixqu/pen/RwJpYXa?editors=1010) |
| 薯餅#3581 | [codepen](https://codepen.io/ColdingPoTaTo/pen/qBKrMGe) |
| RJRS#9430 | [Codepen](https://codepen.io/RJRS/pen/BaVWOeW) |
| AuroraC#6539 | [codepen](https://codepen.io/AuroraC/pen/Poapyqp?editors=1010) |
| m_m#5493 | [CodePen](https://codepen.io/minnn7716/pen/eYKvPmQ) |
| Kimi #9564 | [CodePen](https://codepen.io/kimihu91/pen/VwdKgpQ) |
| 威0#6919 | [codepen](https://codepen.io/n0918679182/pen/ExRWdWq?editors=0010) |
| 威爾#1694 | [CodePen](https://codepen.io/WILL_Wu/pen/ExRWdXY) |
| Winnie#1306 | [Codepen](https://codepen.io/WinnieWuWinnie/pen/oNyZaGx?editors=0010) |
| amy芳#1385 | [Codepen](https://codepen.io/amy-chieng/pen/mdKWzMm) |
| CofCat#9226 | [Codepen](https://codepen.io/cofcat456/pen/OJEpBjO) |
| Wei#2330 | [Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/ExRWdQx) |
| 心幻羽#0056 | [Codepen](https://codepen.io/linglingsyu/pen/ExRWdox) |
| 芮綺#5224 | [Codepen](https://codepen.io/zhan70/pen/WNypapJ?editors=0010) |
| 楓之聲#6945 | [Codepen](https://codepen.io/sshane258/pen/yLEMRqr) |
| 出事了阿伯#9923 | [Codepen](https://codepen.io/BradpittLai/pen/LYrWgrZ?editors=1010) |
| mou#2215 | [Codepen](https://codepen.io/shihchiehlan/pen/vYrxVQJ?editors=0010) |
| Lucie#3831 | [Codepen](https://codepen.io/bisespei/pen/jOKBeae) |
| 柔柔#1716 | [Codepen](https://codepen.io/rouchen/pen/rNKyqga?editors=1010) |
| kuku#3118 | [Codepen](https://codepen.io/mengting-ku/pen/yLEMRmm) |
| WEI_RIO#9342 | [codepen](https://codepen.io/wei_wu/pen/MWXpPQR?editors=0012) |
| yawun#0042 | [CodePen](https://codepen.io/monicalin/pen/abKJQzm) |
| mandylai#4055 | [CodePen](https://codepen.io/mandy-lai-2/pen/mdKWQPL) |
| 軟綿綿 (๑•ᴗ•๑) ♡#3627 | [CodePen](https://codepen.io/Connie-Chien/pen/MWXpzJw?editors=0010) |
| Hilda#7085 | [CodePen](https://codepen.io/vwquikad-the-vuer/pen/PoapxaL) |
| Cookie SSS#6991 | [CodePen](https://codepen.io/sqhjikpa-the-selector/pen/GRGWwGP?editors=1010) |
| Cliff#4606 | [Codepen](https://codepen.io/Cliff_hex/pen/yLEMQZa?editors=1010) |
| Potatolee#7749 | [Codepen](https://codepen.io/potatoleee/pen/wvXJQVB?editors=1010) |
| masterYan#2480 | [Codepen](https://codepen.io/htzwgoqt-the-looper/pen/KKeWbgW) |
| hannahTW#2224 | [Codepen](https://codepen.io/hangineer/pen/abKJQxE) |
| Loran#1105 | [Codepen](https://codepen.io/loranlin/pen/JjZWwNm?editors=1010) |
| Ruby Chen#7452 | [Codepen](https://codepen.io/ruby92429/pen/KKeWbWm) |
| jimmyFang #9575 | [Codepen](https://codepen.io/pohxiqqo/pen/LYrWMBo?editors=0010) |
| RyanTsai#8906 | [CodePen](https://codepen.io/linlaose/pen/oNyZmYj) |
| kenki100#0068 | [Codepen](https://codepen.io/ken100/pen/PoapVOJ) |
| Yuna Huang#2692 | [Codepen](https://codepen.io/Yuna1002/pen/NWzpoXz?editors=0010) |
| yaru#6308 | [CodePen](https://codepen.io/lszaietc/pen/eYKvxaY) |
| Amberhh#2465 | [Codepen](https://codepen.io/Amberhh/pen/abKJxYR?editors=0010) |
| Mylène#2481 | [Codepen](https://codepen.io/hamajibashi/pen/dyKvLWr) |
| Benson#6763 | [Codepen](https://codepen.io/kumashow/pen/yLEMrbo) |
| shinyhung#3825 | [Codepen](https://codepen.io/sean_1215/pen/jOKBvzL?editors=0010) |
| beta lin#1445 | [CodePen](https://codepen.io/linbeta/pen/MWXpRRG) |
| YI#0863 | [CodePen](https://codepen.io/YI0305/pen/GRGWagj?editors=1011) |
| jacky010080#0880 | [CodePen](https://codepen.io/Yen-Jung-Chen/pen/vYrxweg?editors=1010) |
| 末次#0236 | [CodePen](https://codepen.io/yunjulee/pen/abKJrqz) |
| kancheng#3915 | [CodePen](https://codepen.io/kancheng/pen/yLEMdLm) |
| 勁辣雞腿寶#5817 | [Codepen](https://codepen.io/orz311013/pen/RwJpzNx) |
| William Lai#0196 | [Codepen](https://codepen.io/lai-weihan/pen/ZERedaW) |
| 無名#6427 | [Codepen](https://codepen.io/Nomoney/pen/NWzpQPG) |
| Hironaka#7367 | [CodePen](https://codepen.io/Hironaka0815/pen/gOKmVWO?editors=0010) |
| 肉桂卷#0625 | [CodePen](https://codepen.io/ginnlee/pen/PoapMJq?editors=0010) |
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/qBKmEog) |
| Sentiments#4883 | [codepen](https://codepen.io/Sentiments/pen/vYrmOZX) |
| PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/jOKmPdX) |
| 黑白兔#0684 | [CodePen](https://codepen.io/johnny329/pen/MWXmawg) |
| Ryan Chiang#6649 | [Codepen](https://codepen.io/ryanchiang/pen/mdKmeOL?editors=0010) |
| Data#9297 | [CodePen](https://codepen.io/kirakira72/pen/poKPbWo) |
| 小白#2406 | [CodePen](https://codepen.io/gracewhite/pen/XWYNqYw) |
| yen#5757 | [CodePen](https://codepen.io/TZU-HUANG-YEN/pen/oNdPgqY?editors=1010) |
| KC_8685#9343 | [CodePen](https://codepen.io/cathy7411/pen/WNyjjvZ) |
| yoyo#1003 | [CodePen](https://codepen.io/crpbugqy-the-typescripter/pen/KKemveq) |
| 我是泇吟#5189 | [CodePen](https://codepen.io/kljuqbxs/pen/NWzjXNq) |
| jackson204#6363 | [CodePen](https://codepen.io/jackson204/pen/XWYRZmy) |
| Tuhacrt#0008 | [codepen](https://codepen.io/Tuhacrt/pen/QWxvzvN) |
| Yiru#0236 | [Codepen](https://codepen.io/yiru94/pen/mdKmoMx?editors=0010) |
| Rr#2215 | [Codepen](https://codepen.io/rufangcheng/pen/KKemEGK) |
| Cream#3449 | [Codepen](https://codepen.io/frxdwbbi-the-sasster/pen/WNyjPdM?editors=1011) |
| 蓁心#6229 | [Codepen](https://codepen.io/tlorfrnl-the-typescripter/pen/XWYRvVV?editors=0010) |
| Hazel.#6020 | [Codepen](https://codepen.io/Hazelhsieh/pen/KKeqgzV) |
| Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/eYKRBBj) |
| FiReBrO#0557 | [Codepen](https://codepen.io/firebro42/pen/QWxgvwv) |
|竹輪#3335| [Codepen](https://codepen.io/chikuwa0120/pen/xxzrrZw) |
|sophiee#7015|[codepen](https://codepen.io/sophiee2727/pen/qBKjXMM)
|Silvialu#4521|[codepen](https://codepen.io/Silvia091640/pen/wvXdNEp)
| cbs#9007 |[Codepen](https://codepen.io/wasdjk/pen/mdKwXNW)|
|bingsu#2362|[Codepen](https://codepen.io/pmyfr/pen/NWzgMOx?editors=1010)|
|Yishan#4902|[Codepen](https://codepen.io/gdjrehhw-the-animator/pen/VwdzwZa?editors=0010)|
|大衛#4869|[Codepen](https://codepen.io/exnsrpjc/pen/WNyEbyQ?editors=1010)|
| CloThEs#4869 |[Codepen](https://codepen.io/CloThEsZ/pen/ZERJGxR)|
|JustinLiu#9699|[CodePen](https://codepen.io/justin0227/pen/ExRvyaB?editors=0010)|
|黑松胖#4836|[Codepen](https://codepen.io/yi-chien-hsieh/pen/QWxMgMV?editors=0010)|
|Ron Liang#7277|[Codepen](https://codepen.io/ron-go/pen/vYrJzgj?editors=0010)|
|charlottelee849#0366|[Codepen](https://codepen.io/charlotte-lee/pen/bGKrQRv?editors=1010)|
|hungya#0773|[Codepen](https://codepen.io/hungya777/pen/KKevjeb?editors=0010)|
|Kevin#6131|[Codepen](https://codepen.io/xlqjezvc-the-encoder/pen/OJExzBq)|
|健育#5748|[Codepen](https://codepen.io/c1317156/pen/PoaJXYQ)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/GRGOWVY)
|安#2448|[Codepen](https://codepen.io/JzhenAn/pen/PoaOVEr)|
|IreneY#0086|[codepen](https://codepen.io/HalfPlannedJourney/pen/vYrWPJE)|
|Baozi#2042|[codepen](https://codepen.io/lillianyu/pen/jOKYQGm)|
|Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/WNydqoG)|
|Shuo#1596|[CodePen](https://codepen.io/chiangchungshuo/pen/NWzOMmK)|
|Mia小福|[CodePen](https://codepen.io/a0950271/pen/oNymoqV?editors=1010)|
Ringo#7583|[CodePen](https://codepen.io/ringolai1988/pen/KKeJbpZ?editors=1010)|
阿蘇#8531|[CodePen](https://codepen.io/susu3131/pen/poKYbaR)|
|君Jyun#0147|[codepen](https://codepen.io/Okaybeok/pen/poKLzxv?editors=1010)|
|J_u_d_y#5993|[Codepen](https://codepen.io/J_u_d_y/pen/PodNEjK)|