JQUERYのajaxでphpに処理が渡っているかどうかを調べる方法

Question

件名のとおりなのですが、JQUERYのajaxでphpに処理を渡そうとしています。クリックでphpに渡す処理なのですが、何も反応がないので、そもそもphpに処理が渡ったのかどうかが怪しいと思っています。
困っていることは、「phpに処理が渡ったのかどうか」をどうやって調べればいいのかわからないことです；；

        $.ajax({
            type: "POST",
            url: "update.php",
            data: {
		  info_check: p_info_check,
		  date_yy: p_date_yy,
		  date_mm: p_date_mm,
		  date_dd: p_date_dd
		  },
            success: function (data)
            {
                  //結果が0件の場合
                  if(data == null) alert('変換できませんでした');
                  //返ってきたデータの表示
                  $(this).html(data);
            },
            error: function (XMLHttpRequest,textStatus,errorThrown)
            {
                  alert('Error : ' + errorThrown);
            }
       });
        return false;

呼び出し先のupdate.phpは、POSTで渡されるはずのパラメータを直接記述した形でのテストは終わっており、単体であれば正常に動きます。
また、このソースの寸前に入れたalertは出ますので、ここまでのプログラムは走っています。

ajaxを使うのが2回目なので、勉強不足で大変恥ずかしいところですが、検索ワードを外しているのか、解決策に繋がる情報を探し出せません。

何かヒントなどありましたら、ご教授いただきたく、よろしくお願いいたします。

Answer 1

Fiddler などのキャプチャツールで要求・応答を調べてはいかがですか？ Fiddler が使いやすいのでお勧めですが、IE なら F12 開発者ツール、Chrome ならディベロッパーツールでも調べることができると思います。

Comments

[yukiko]

Fiddlerなるものを入れてみました。

使い方もよくわかっていないのですが、問題のプログラムを動かしたところ、URLの欄に下記が表示されました（ただいま、一時的にPOSTではなくGETでパラメータ渡しをしています）。

/XXXXXXX/update.php?info_check=1&date_yy=2017&date_mm=2&date_dd=28

これが出ているということは、update.phpに処理は渡っていると判断していいのでしょうか…。

[yukiko]

↑update.phpに処理は渡っているみたいですね。
ありがとうございます。

Answer 2

返り値を求めるのであれば、その形式を記載してください。

$.ajax({
 type: "POST",
 url: "update.php",
 data: {
  info_check: p_info_check,
  date_yy: p_date_yy,
  date_mm: p_date_mm,
  date_dd: p_date_dd
 },
 dataType: "json"

自分のやり方で恐縮なのですが・・
まず確認するのはupdate.php。
パラメータの受け取りを全部GETに変えて、正しいデータをjsonで吐き出しているかを確認します。
正常に出力できていたらパラメータをPOSTに変えます。

success: function (data)

jqueryのバージョン次第ですが、ちょっと古いですね。

}).done(function(data){
 alert(data.length);
}).fail(function(data) {
 alert('error!');
});

こんな感じで正常にデータ取れていたら1以上のalertが出るはずです。
consol.logでも構いません。
最後にデータ加工。

我流ですがこんな感じです。

Comments

[yukiko]

<JS>
$.ajax({
type: "GET",
url: "update.php",
data: {
info_check: p_info_check,
date_yy: p_date_yy,
date_mm: p_date_mm,
date_dd: p_date_dd
},
dataType: "json",
}).done(function(data){
alert(data.length);
}).fail(function(data) {
alert('error!');
});

上記のように書き換えてみました。
また、飛び先のupdate.phpが受け取るところもPOSTをGETに変えてみました。

<PHP>
<?php
$info_check = $_GET[info_check];
$date_yy = $_GET[date_yy];
$date_mm = $_GET[date_mm];
$date_dd = $_GET[date_dd];
　　　　　　　・
　　　　　　　・

おそらく私がtakepieeeさんのおっしゃることを理解できていないのだと思いますが、GETに変えても、ブラウザのアドレスにパラメータを含めたURLが出るわけではないので、手がかりをどこで見ていいのかわからず、ブラウザを眺める状態に…。もしかしてすごくとんちんかんなことをしてるのかもです＞＜

ただ、後半の}).done(function(data){のあたりを書き換えたら、alert('error!');の方が表示されました。

引き続き、調べてみますm(__)m

[yukiko]

下の方で回答いただいた方のFiddlerなるもので見てみたところ、update.phpに処理は渡っているっぽいです。
上記のGETで書き換えたおかげで、パラメタが渡っていることがわかりました。
ありがとうございます。

[takepieee]

すみません外出しておりました。
jsonで受け取るのであれば、そのphpにURL直打ちし、GETで投げた時に、json形式でechoし表示出来ていればOKです。
http://www.artib.net/demo/demo6/dummy.php?name=%E4%BD%90%E8%97%A4
こんな感じのデータをechoし、
http://qiita.com/takepieee/items/c140018b6e7c5d031ba6#modal%E3%82%A6%E3%82%A4%E3%83%B3%E3%83%89%E3%82%A6
こんな感じで受け取れば大丈夫です。

[yukiko]

たびたびありがとうございます。回答いただいたことをヒントに、なんとかかんとかphp側からのechoを受け取ることができました。
そもそもJSONってなにそれ美味しいの？くらいに、そのへんから意味がわかっていなくて、もう脳みそ沸騰して投げ出しそうになってました；；
ありがとうございますm(__)m

Answer 3

JQUERYでPHPにパラメタを渡すときに、ひとつ、渡し忘れているパラメタがあることに気づきました><。
その渡し忘れのパラメタが、phpのプログラム内で検索しているMariaDBのテーブルのキーだったため、データが読み取れないという状況になっていたようです。

ただ、phpプログラムからJQUERY側に返り値を渡すところは未だうまくいかず、errorが出っぱなしなので、引き続き頑張ります。

回答いただいたお二人の、両方の情報を元に、PHPに処理が渡っていることはわかったので、どちらの方にもベストアンサーを付けたかったのですが、一つしか選べないようなので、ごめんなさい；；

ありがとうございましたm(__)m。