[解決済み] jqueryのAJAXコールをデバッグするにはどうしたらいいですか？

質問

JqueryでAJAXを動作させようと取り組んでいます。これまでのところ、私の大きな問題は、どこでミスを犯しているのかを把握する方法がよく分からないということです。AJAXの呼び出しをデバッグする良い方法がありません。

私は管理ページを作成しようとしていて、作りたい機能の1つは、SQLデータベースで設定されたパーミッションを変更することです。.click関数がトリガーされることは分かっているので、それを絞り込みました。しかし、AJAXコールからSQLクエリまでのチェーンのどこで間違っているのかが分かりません。

私の.jsコード。

$('#ChangePermission').click(function(){
    $.ajax({
        url: 'change_permission.php',
        type: 'POST',
        data: {
        'user': document.GetElementById("user").value,
        'perm': document.GetElementById("perm").value
        }
    })
})

私の.phpハンドラです。

<?php  
require_once(functions.php);

echo $_POST["user"];

try{
    $DBH = mysql_start();

    $STH = $DBH->prepare("INSERT INTO people ( username, permissions ) values (?, ?)");

    $STH->bindParam(1, $_POST["user"]);
    $STH->bindParam(2, $_POST["perm"]);

    $STH->execute();
}
catch(PDOException $e){
    echo $e->getMessage;
}?>

mysql_startは、他のSQLの呼び出しでうまく使っているPDO関数のために設定されているところ。

数日前から調べたりチュートリアルを見たりしているのですが、何が問題なのかどうしてもわからないのです。エラーの発生箇所を特定するために使用できるツールはありますか？この特定の問題に対する答えに興味があるのは明らかですが、ここでの私の大きな問題は、デバッグをどこから始めればいいのか分からないということだと思います。あなたの助けに感謝します。

解決方法を教えてください。

このように成功とエラーのコールバックを追加することで、JQueryの呼び出しをより強固なものにします。

 $('#ChangePermission').click(function() {
     $.ajax({
         url: 'change_permission.php',
         type: 'POST',
         data: {
             'user': document.GetElementById("user").value,
             'perm': document.GetElementById("perm").value
         },
         success: function(result) { //we got the response
             alert('Successfully called');
         },
         error: function(jqxhr, status, exception) {
             alert('Exception:', exception);
         }
     })
 })