PHPからJqueryにJSONが渡らない

Question

やりたいこと

PHPファイルでDBから取得したデータをJSON形式に変換。その後、JQueryファイルでJSONをパースしたい。
初心者なので、実際のコードで教えていただけたら幸いです。
PHPファイル

$dbh = new PDO($dsn,$user,$password);

//ページID
if($_GET["blog"]){
    $get_prm = $_GET["blog"];
    $sql = <<<EOF
select *
from aging_table
where trouble_id = $get_prm
EOF;
    $stmt = $dbh->query($sql);
    $res = $stmt->fetchAll();     
    foreach($res as $rs){
        $json = <<<EOF
{"trouble_id":"{$rs["trouble_id"]}",
EOF;
        }
        //jsonデータの最初と最後に[]をつける処理
        $json = substr($json,0,-1);
        $json = "[".$json."]";
        //END
        $res = $json;
        print_r($res);
}

HTMLファイル

    $(function(){
        $.ajax({
            type : "POST",
            url : "aging_trouble_detail.php",
            data : "type=hide",
            success : function(res){
                    console.log(res);
            res = JSON.parse(res);
                $(res).each(function(ind,obj){
                });
            },
        }); 
    });

エラー

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data[詳細]

確認したこと

・PHPでのprint_r($res);での結果は[{"trouble_id":"8"]
・jQueryでのconsole.log(res);の結果は、ページ全体ののURLと上記エラーが表示
・検証ツールでネットワークを確認したところ、正常に通信がされ、type=hideは渡っていました。

Answer 1

あまりPOSTでKEY=VALUEでつないで送るのは見ませんが（通常配列で送ります）

data : {"type":"hide"},

あとtypeをPOSTで送っているのにPHPで$_GETで受け取っているので不整合が起きています。
JavaScript側から正しく利用できていないのではないでしょうか。

ひとまず、Ajaxで返す場合は文字列を出力する必要があります。

配列を作った上で

echo json_encode($data);

とします。

またjsonで受け取りたい場合はajaxの引数のdataTypeにjsonを指定します。
そうすることでJSON.parse()の必要もなくなります。

下記の記事なども参考にしてください。

• JavaScript(jQuery)からPHPのAPIを利用する

初心者なので、実際のコードで教えていただけたら幸いです。

ここまで自身で組まれているので、ヒントだけで解決可能と判断し、修正する箇所と参考URLのみで回答としました。
初心者こそトライ＆エラーでなんぼだと思うので、アドバイスや参考記事をもとにやってみてください。

Comments

[maeda_1111]

確かに＄_POSTでデータがPHPに渡っていませんでした。
教えていただいたサイトが非常に分かりやすかったので、こちらで基礎を学習してみます。
有難うございます。

Answer 2

print_r($res);

jsonでゴミを出力てはいけません。
そもそも$res = $stmt->fetchAll();した$resを回すwhileの中で
$res = $jsonと上書きしているのが問題でしょう

pDOのオプションが未記載なので出力データがFETCH_ASSOC
なのかもわかりません。

また、phpの配列をjsonでだすなら

print json_encode($data);

などjson関数を利用ください