LoginSignup
7
9

More than 3 years have passed since last update.

Chromeでajax処理のデバッグをする

Posted at

概要

eccube4では商品をカートに入れる際にajax処理を使っているが、エラーになった時に詳細がわからなくて困っていた。

手順

POSTMANを使ったやりかたもあるが、今回はChromeを使った場合の手順。

デベロッパーツールのネットワークタブを選択
Screen Shot 2020-03-31 at 11.50.35.png

この状態でajaxの処理を実行する。
※今回はeccube4の商品詳細のソースなのでjavascriptのリダイレクト処理はコメントアウトなりして無効化しておく必要がある。

//window.location.href = "{{ url('cart') }}";

Nameのところに新しくファイル?が追加されるのでファイルをクリックしてからHeaderのタブを選択する

Screen Shot 2020-03-31 at 12.00.49.png

Formで送信されたデータを知りたい時は下の方にスクロールするとFormDataというのがあるのでそこを見ればいい。

プレビューを選択するとSymfonyでお馴染みのエラー画面が出てくるので、そこを修正していけばおk!
Screen Shot 2020-03-31 at 12.00.49.png

これでajaxのエラーと向き合えるね!!

7
9
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
9