Andy's blog

If you always do what you've always done, you'll always get what you've always got.

0%

2020-10-05-看鐵人賽學AJAX-HTTP狀態碼除錯

今天透過HTTP狀態碼,幫助我們快速找到Bug。

註記:看鐵人賽文章內容僅用於紀錄、整理其他參賽者文章,若文章有不合適之處,可以於文章下方留言區告知,我會移除文章。謝謝!


參考資料:
AJAX 完整解說系列:搞懂 HTTP 狀態碼,流程錯誤正確解
HTTP 狀態碼 (Status Codes)


前言:
根據卡斯伯老師文章提到,使用AJAX串接前後端資料時,如果發生一些錯誤,我們可以透過Network狀態碼了解錯誤地方。
而造成AJAX錯誤原因主要有以下幾點

  • 流程與設計不同
  • 資料格式不符合
  • 連線失敗、網路問題
  • 程式碼寫錯

狀態碼可以分為下面五類

  • 100 ~ 199:資訊回應
  • 200 ~ 299:成功回應
  • 300 ~ 399:重新導向,轉址的方法
  • 400 ~ 499:用戶端的錯誤
  • 500 ~ 599:伺服器端錯誤

常見錯誤狀態碼

400 ~ 499:用戶端錯誤

這部份通常可以由前端網頁解決。
401、403 沒有權限
404 找不到路徑
405 方法不被允許
414 URL過長
422 請求正確,但可能不符合操作流程
429 請求次數過多

500 ~ 599:伺服器端錯誤

500 後端不可預期的錯誤