2019/06/20以前、Jqueryを使ったAjaxについての記事をエントリーしました。前回の記事では「入門」ということもあって、エラー処理についての内容は省略しました。サンプルスクリプトを実行しても、「ファイルの取得に失敗しました」としか表示されません。これだと、エラーの原因を特定することができませんので、デバッグ作業のときに困ってしまいます。今回はAjax通信エラーの原因を取得する記事をエントリーします。引数に以下の内容を入れることで取得できます。サンプルスクリプトを以下のように記述するとエラーの原因を取得することができます。::ポイント上記のコードでは、ajax通信エラー以外にも読み込むURLや結果もコンソールログに取得しています。コンソールログの使い方は以下をご参考ください。使ったデバッグ作業(JavaScript編)エラーのサンプルajax通信のエラーをコンソールログで表示することで以下の問題を切り分けることができます。そもそもリクエストが飛んでいないPHPがリクエストに対してエラーとなっているリクエストに入る値が全くの予想外そもそもリクエストが飛んでいない存在しないページにajax通信を行うと、コンソールログに次のように表示されます。undefineこのケースでは通信先のURLを確認する必要があります。undefineこのケースでは通信先のファイル(PHP)を見直す必要があります。リクエストに入る値が全くの予想外ajaxでの設定に不備がある場合は以下のエラー内容となります。0このケースでは、ajaxのコードを見直す必要があります。よると、よく使われているプログラミング言語はJavaScriptが7年連続で第1位だそうです。(2019年現在)わからない箇所だけネットで調べるやり方は知識が断片化するので、いつか、本を読んでJavaScriptの知識を体系的に整理したいと思っていました。この本はAmazonでも評価が高く、以前から気になっていた本です。図解と実行結果、短めのサンプルプログラムと見やすく解りやすかったのでおススメですね。Ajaxの情報はネットでもあまりなかったので僕にとってはよかったです。気づいたことや新しい発見など情報を発信していきます。コメントをキャンセルメールアドレスが公開されることはありません。honjo_masanoriバナーWebエンジニアとしての就職、転職、フリーランスに関しての情報はコチラ!Laravelが学べるプログラミングスクールに関しての記事をまとめています。ENTRYLaravel6にメール設定(MailGun編)前回、Laravelのログイン機能を自動生成し、各画面を確認しました。ログイン機能を作成しました。/まとめ環境構築PHPフレームワークのひとつであるLaravelを専門に書いている学習サイトです。