【Ajax】thenとcatchとステータスコード
HTTPのステータスコード
responseの状態を表す、ステータスコードというものがある(検証ツールで確認できる↓)

例)ページが見つからなくて「404」と画面に出てくるあれもステータスコードの一種
responseにはHeaderとBodyの2種類がある
- ステータスコードはHeaderに属する(responseの状態を表す)
- htmlやjsonはBodyに属する(自分で指定した
{"status":"ok"}など)
ステータスコードの例

ステータスコード
- 「200系」は成功を表す
- 「400系」と「500系」は失敗を表す
成功したら、then以降が実行される
失敗したら、catch以降が実行される
200系 成功
| code | 意味 |
|---|---|
| 200 | |
| OK | リクエスト成功 GET・PUT・POST・DELETE |
| 204 | |
| No Content | リクエスト成功 レスポンスがなかった |
400系 ユーザーによるエラー
| code | 意味 |
|---|---|
| 400 | |
| Bad Request | リクエストがおかしい(送り方など) |
| 403 | |
| Forbidden | アクセスが禁止されている |
| 404 | |
| Not Found | ページやURLが見つからない |
500系 プログラムが異常
| code | 意味 |
|---|---|
| 500 | |
| Internal Server Error | プログラムにバグがあって状態がおかしい |
このエラーが出たら、開発者が対応する
- エラーが出た場合は、検証ツールのConsole画面に表示される
- エラーの詳細がわからないときは、ログを確認する
#DAY8