ajaxでmysqlにINSERT INTOできない

Question

下記のように、AJAXでMYSQLにデータを格納したいのですが、なんら格納されません。
また、AJAXで出力された$respの結果は””（空）でした。MYSQLのテーブルの名称や構造は正しいということは確認しているのですが、どこか誤りがあればご助言をいただければ幸いです。
よろしくお願い致します。

//main.php
//前略
<input type="radio" name="radio" value="left">
<input type="radio" name="radio" value="right">
<textarea class="textarea"></textarea>
<button class="submit">送信</button>
<?php include('includejs.php');?>
//後略

//includejs.php
$(function(){
       $('.submit').on('click',function(){
           

                 let textarea = $('.textarea').val();
                 let select = $('input[name="radio"]:checked').val();
                 let idnum = <?php h($_GET['id']);?>;
                 let username = "<?php h($_SESSION['name']);?>";

  
                             $.ajax({
                                 type:'POST',
                                 url:'Ajax.php',
                                 datatype:'json',
                                 data:{
                                   sel:select,
                                   tex:textarea,
                                   id:idnum,
                                   user:username
                                 }
                                })
                                .then(
                                  function(data){
                                    console.log(data);
                                    },function(){//pattern fail
                                      alert('通信に失敗しました、通信環境を確認してください');
                                })
                  }
           }
      })
 })

//Ajax.php
//前略
<?php
$get_textarea=$_POST['tex'];
$get_select=$_POST['sel'];
$get_id=$_POST['id'];
$get_user=$_POST['user'];

      try {
        $pdo->beginTransaction();
        try {
          $stmt = $pdo->prepare('INSERT INTO result_table (selection,maincomment,pageid,username) VALUES (:selection,:maincomment,:pageid,:userame)');
          $stmt->bindValue(':selection',$get_select,PDO::PARAM_STR);
          $stmt->bindValue(':maincomment',$get_textarea,PDO::PARAM_STR);
          $stmt->bindParam(':pageid',$get_id,PDO::PARAM_INT);
          $stmt->bindValue(':username',$get_user,PDO::PARAM_STR);
          $stmt->execute();
          $resp="success";
          $pdo->commit();
        } catch (PDOException $e) {
          $pdo->rollback();
          $resp="error1";
          throw $e;
        }
      } catch (PDOException $e) {
        $resp=$error2;
        exit();
      }



header('Content-type:application/json;charset=utf-8');
echo json_encode($resp);
?>

Comments

[退会済みユーザー]

JSON 形式にできない（KVSではない）から json_encode でエラーになってるんだろう

[SugiuraY]

コメントありがとうございます。
Exceptionによって出力されるエラーコードについて、JSON形式ではなくどのような形でサーバーから受け取り出力できるかを今調べて始めております。一方でこれは$respへの値格納やその出力であり、INSERT INTO自体の実行の可否とは直接関連はないと思われますが、　INSERT INTOのPDO文法自体には誤りがないと思うのですが、その点、いかがでしょうか？根本的な考え方に誤りがあれば誠に申し訳ございませんが、よろしくお願い申し上げます。

[退会済みユーザー]

エラーを握りつぶして（非表示設定等）　把握しない人には回答の糸口を相手にも与えない状態です。

[takasima20]

自分だったらAjax.phpに少し手を入れて直に動かして動作確認するかなあ。

[mari.rinn]

$('input[name="radio"]:checked').val()　の最後;が抜けてるんですが、jqueryのエラー出てませんか？
ブラウザがchromeならf12キー押して確認してください。

[m.ts10806]

コミットはその位置でいいのだろうか
というかこのケースでtry重ねる意味はあるのだろうか

というところは気になります。
SQLが間違ってないかどうかは固定値で直接DBに対して実行して確認してください(あとすでに指摘されてるように開発中のものでexception拾ってなかったりどこにも出してないのはイカンです)

[SugiuraY]

asahina1979様、m.ts10806様
コメントを頂きありがとうございます。
exceptionに出力については、私の知識不足で申し訳ございませんが、調べて実行していくうちにcatchの中でvar_dump($e->getMessage());することで、ajaxの返り値として受け取ることができ、console.logとして表示させることができました。
実は初心者の私の先入観であったのですが、サーバー側でheaderも指定しないでブラウザに出力されるために用いるvar_dumpの結果を出力することができることを知りませんでした、、、
ajax上、受け取り値を'json'で指定したのであれば
header('Content-type:application/json;charset=utf-8');
echo json_encode($resp);
の様に一旦headerを指定してブラウザにjson_encodeして出力しなければexceptionの内容を受け取れないと思っていて、どうすれば良いのだろうと困っておりました。

結果的に上記の通り直接catchの中でvar_dump($e->getMessage());することでajaxのfunction(data)で受け取れることを知りました。

https://www.php.net/manual/ja/function.var-dump.phpでvar_dumpの性質を調べたのですが、特段json形式です出力されるもの等の記載がないので、なぜこれが実行できるのかを調べております。

何れにしても、exceptionの出力に関して、勉強不足で申し訳ございませんでした。

[SugiuraY]

mari.rinn様
コメントありがとうございます。
本件は統一して;を付すべきでしたが、コードの実行自体には特段影響ございませんでした。
読みづらいコードを提供をしてしまった点お詫び申し上げます。
質問内容は修正いたします。

[SugiuraY]

takasima20様
コメントありがとうございます、結果的にAjax.phpの間違いでした。
下記回答者の方のコメント内に詳細を記載させていただきます。
ご指摘ありがとうございます。

Answer 1

全体的にグダグダ・・・

<button class="submit">送信</button>

↓

<button class="submit" type="button">送信</button>

$_GET['id']

インクルードしている時点でgetは渡ってないですよね？
もしからだとnoticeが返るか、仮に空でも

let idnum = ;

となり、結局構文エラー
それと$_GETや$_POSTを直接参照するのは効率的ではないので
filter_inputを利用してください

datatype:'json',

とりあえず

datatype:'text',
でデバッグしてください

ajaxのthenはdone/failに変えるか
２つ目のコールバックでエラーを拾ってください

jQueryの読み込みや、pdoの宣言などは省略しているだけで
ホントは設定してあるんですよね？

Comments

[SugiuraY]

ご回答いただきありがとうございます。
不完全なコードでのご質問について、お詫び申し上げるとともに、今後に活かさせていただきます。

●<button class="submit">送信</button>
＞typeの指定内容により、エラーの出どころの可能性も変わってくるため、当然、明確に指定して記載すべきでした、申し訳ございません。

●$_GET['id']
前後の文脈が不完全で申し訳ございませんが、includeの時点で適切に値が渡っていることを確認しております。filter_inputはお恥ずかしながら存じ上げませんでした。マニュアルを調べて、理解できたので今後はこちらに原則切り替えます。

●datatype:'json',
この点を糸口に解決に至りました。私の大きな問題として、上記の追記修正依頼にコメントをさせていただいた通り、質問を投稿させていただいた時点で、json形式で値を受け取る際にどのようにしたら、exceptionの内容を受け取るかわからずにとりあえずjson形式で受け取り、また適切にそのエラー内容の出力が行われていませんでした。
そこで、他のコード例を拝見してcatchの中で
var_dump($e->getMessage());
のように直接dumpすれば、json形式を気にすることなくエラー内容を出力することができました。
その結果、出力された内容は以下の通りでした。
"SQLSTATE[HY093]: Invalid parameter number: parameter was not defined"
そこでよく確認すると、プレイスホルダと、それをバインドする際に、以下の不一致があることを発見しました。
:userame
$stmt->bindValue(':username',$get_user,PDO::PARAM_STR);
ただのタイプミスですが、これで個数の不一致であったことから、正しくエラー出力できれば問題を簡単に切り分けることができたため、大いに反省しております。ただ、var_dumpであればなぜ形式を機にすることなく直接ajaxで受け取ることができるのかがどうしてもわからないので、現在調べております。

●ajaxのthenはdone/failに変えるか２つ目のコールバックでエラーを拾ってください
こちらの違いはすぐに調べてもわからなかったため、特にjs上のエラーを拾う方法がよく理解できていないため、しっかりと調査してみます。

●jQueryの読み込みや、pdoの宣言
こちらも指摘されてから気づかされるのですが、エラー出力がされていない以上、当然こういった凡ミスが原因で動作しない可能性があるため、ご回答者に配慮できるように精進してまいります。確かにこのようなミスによるものであれば、提示するコードだけれは何も仰ることはできないですね。。。がんばります。