Ajaxのプログラムで、デバッグの仕方を教えてください。

Question

Ajaxのプログラムで、デバッグの仕方を教えてください。

Ajaxを学習するため、php、jqueryを使用したミニブログのサンプルプログラムを利用し、デバッグをとりながら理解しようと試みています。
php箇所でデバッグをとりながら理解をしようと考えています。
しかしながらどういうわけかphpの所でvar_dumpをとってもpostの値がとれません。
例えば、$.ajax()のオプションのurlで、指定されたurlで、○○○.phpと記載されているので、そこで
postのvar_dumpをとろうとしてもそこを通らないのです。exitでプログラムを止めても、phpの箇所では止まりません。とりあえずjquryの部分を理解してプログラミングできるようにしようと思っていますが、phpの動きは見れないものかという感じです。
ただ単に私の勘違いなのでしょうか。

Comments

[ItoTomonori]

var_dump付近のコードも提示していただけると、説明しやすくなります。

Answer 1

例えば、chromeをお使いなら、「デベロッパーツール」の「Network」タブでAjaxのやり取りが見られます。
その中の、該当するアクセスのResponseを見ると、PHPが返している内容が見られるようになっています。

Comments

[kenji267]

返信ありがとうございます。
恥ずかしながらこの機能ほとんど使っていませんでした。
今見ていましたが通信課程が記載されていました。
Ajaxに限らず活用していくようにします！

Answer 2

ひとまず、jqueryのコードを見せてください^^

Comments

[kenji267]

以下が例です。
function login() {
var user = $( 'input#user' ).val(); //ユーザ名
var pass = $( 'input#pass' ).val(); //パスワード
if ( /^[a-zA-Z0-9]{6,}$/.test( user ) && /^[a-zA-Z0-9]{6,}$/.test( pass ) ) {
// 英文字6字いじょうならサーバに確認（サーバ内にセッション変数を登録)
$.post( 'login.php', { "user" : user, "pass" : pass }, changeForm, 'json' );
} else {
alert( 'ユーザ名とパスワードを確認してください' );
}
}
login.phpの動きを確認しようと思っても、そこにはいきません。

[takaki.ishibash]

なるほど、login.phpにecho "foo"などが書いてあれば、基本的にリクエスト成功時に返ってくるはずです

xhr.responseTextに相当するものは、jqueryにありませんか？

[takaki.ishibash]

サーバにsshできるなら、直接実行して動きを見ることもできますよね

>php login.php

[kenji267]

早速の返答ありがとうございます（しかしながら昨日はすぐに眠ってしまったようです…）
リクエスト成功時の確認ですが、jqueryにてどうやるかまだ調査中です。リクエスト成功時に確認可能ということが手がかりとなることですので、もう少しがんばって調べてみます。ありがとうございます。
>サーバにsshできるなら、直接実行して動きを見ることもできますよね
ちなみに今はxamppの開発環境で行っています。あまりsshをよくわかっていないのですが、UNIX/LINUX環境でできるということですので、WINDOWSではできないような気がしています。

[takaki.ishibash]

ちな、レスポンスの取り方ですが。
$.postの第２引数を以下のようにしたらどうでしょう？

... :pass, success: function(response){
return response;
}, changeForm...

[kenji267]

以下のようにしたらphpからのuserがとれました。(なんでfunctionでとれるのかよくわかっていませんが…)。successでとれるのはどうも$.ajaxのようです（試してみましたがうまくいきませんでした…）
:pass,
function(changeForm){
console.log(changeForm.user);
},…