altplusaltplusB3Sスタッフの技術紹介サイトです。FieldCSS無効化くんRequiredキャンセラーテキトー入力くんパスワード倉庫パスワード生成くんぱっと保存メモ帳MobileApps浮世絵風似顔絵メーカースマートスピーカーサムライトークNotesTOPライター別:投稿一覧MenuSidebarPrevNextSearchRSSFeedlyホーム>開発言語>JQueryAjaxのデバッグを簡単に実行したい!!2019年2月25日TwitterFacebookGoogle+LinkedInPocketブログの更新を頑張っています。最近Ajaxの非同期通信を利用したシステム開発をしているのですが、とにかくデバッグがしにくい!僕は普段、PHPを使うときは「var_dump()」を利用して配列やオブジェクトの中身を確認しながら、コーディングをしています。ところがどっこい、Ajaxを利用した非同期通信では、PHP側で「var_dump()」をしても画面に何も出力されない!ということで、自分なりに見つけたデバッグ方法を紹介したいと思います。前提1.使用ブラウザはChrome2.実際にブラウザに描画されているソースの中に、下記のようにAjaxの記述してあるとする。id="demo"/>のような記述がすでにある前提です。次はデバッグのための準備です。json_encode($data);これで準備OKです。デバッグを行うために、前提のとこで用意した、「ボタン」をクリックしてみましょう。確認1.Chromeをデベロッパーツールを立ち上げます。(Ctr+Shift+I)2.Consoleタグをクリックはい、ここで$_POSTの中身が確認できたと思います。よろしければシェアお願いしますTwitterFacebookGoogle+LinkedInPocketGoogleドキュメントの「写真のファイルをテキストに変換する」をやってみた。~プッシュ通知編~Prev関連記事[jQuery]チェックボックスを全てチェックするこんちわっす。本日はWEBシステムあるあるです。...tableでの大量データの描画[その1]はじめまして、まっきーです。...[jQuery]web上でテキストの差分を表示・確認する方法どうも、まっきーです。...Ajaxで非同期通信してみるよーはちです。最近社内システム構築でJQuery使いすぎだろって石を投げられました。...ディスカッションコメント一覧まだ、コメントがありませんコメントを残すコメントをキャンセルこの記事のトラックバックURL新着記事[MySQL]ウインドウ関数お久しぶりでございます。...自作HPが突然見れなくなってしまった!!こんにちは。...Googleドキュメントの「写真のファイルをテキストに変換する」をやってみた。お久し振りです!ぽんてです。...Ajaxのデバッグを簡単に実行したい!!ブログの更新を頑張っています。~プッシュ通知編~はちです。