Webシステム– category –

fetchでJSONを取得・送信する手順を、HTML・JavaScript・PHPのサンプルで解説。Networkで送受信内容を確認し、404・500・HTML誤返却の再現と復旧まで扱います。

JavaScriptのfetchで404・500がcatchされない理由と、response.okを使った正しいHTTPエラー処理を解説します。JSON・HTMLレスポンスと通信失敗を分け、再利用できるfetchJson()を作るところまで進めます。

JavaScriptのfetchとFormDataで画像・PDFをアップロードする方法を解説します。HTMLフォームとPHPの受信処理を作り、Chrome DevToolsでHeaders・Payload・Responseを確認するところまで進めます。

JavaScriptの「Unexpected token '<'」で困っている方向けに、Chrome DevToolsのNetworkタブを使い、HTMLが返る原因と直す場所を切り分ける手順を解説します。