Q&A
Fiddler を入手して、要求・応答をキャプチャして中身を見ると解決のための有用なヒントがありそうな気がします。特に応答のヘッダとコンテンツ。それが具体的にどうなっているか分からないと「闇夜に鉄砲」状態だと思います。
jQueryでAjax通信を行い、phpファイルでSQLを実施。DBから取得したデータをjsファイルに戻し、データをhtml上に表示したいと考えています。
しかしSQLで取得したデータを連想配列に格納し、echoでjsファイルの方に戻そうとしても、引数に空の配列しか戻ってきませんでした。連想配列のデータを正しく受け取るにはどうすればいいのでしょうか。
該当のソースコード
php
1<?php 2 //接続情報は仮のもの 3 $dsn='mysql:host=host;dbname=name;charset=utf8'; 4 $user='user'; 5 $password='password'; 6 try{ 7 $db=new PDO($dsn,$user,$password); 8 $db->setAttribute(PDO::ATTR_EMULATE_PREPARES,false); 9 $stmt=$db->prepare( 10 "select* from sample ORDER BY RAND() LIMIT 1;" 11 ); 12 13 $stmt->execute(); 14 //配列を作成 15 $List = array(); 16 //$LIst=array("123","456")のような通常の配列は受け取り可能でした 17 while($row = $stmt->fetch(PDO::FETCH_ASSOC)){ 18 $tList[] = array( 19 'ID' => $row['ID'], 20 'name' => $row['name'] 21 ); 22}; 23 // ヘッダーを指定 24 header('Content-type: application/json'); 25 // 配列tをjsonに変換する 26 echo json_encode($List); 27 exit; 28 }catch(PDOException $e){ 29 echo "エラー:".$e->getMessage(); 30 } 31?>
js
1$(function () { 2 $('#btn').click(function () { 3 $.ajax({ 4 url: "test.php", 5 type: "POST", 6 dataType: 'json', 7 }).done(function (data) { 8 //↑のdataに空の配列しか入らない 9 //JSON.parseを利用した場合エラーになり処理がここで止まりました 10// let result = JSON.parse(data); 11 $('#ID').append(data.ID; 12 $('#name').append(data.name); 13 }).fail(function (XMLHttpRequest, textStatus, errorThrown) { 14 alert(errorThrown); 15 }).always((data) => { 16 //成功・失敗どちらでも行う処理 17 console.log(data); 18 }); 19 }); 20});
HTML
1<html> 2<head> 3 <meta charset="utf-8" /> 4 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 5 <!-- css--> 6 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 7 <script type="text/javascript" src="test.js"></script> 8</head> 9 10<body> 11 <form> 12 <input id="btn" type="button" name="submit" value="表示" /> 13 </form> 14 <div id="ID"></div> 15 <div id="name"></div> 16</body> 17</html>
補足情報（FW/ツールのバージョンなど）
サーバー：Xserver
DB:MYSQL5.7
PHP:7.0.33
貴重な情報を教えていただきありがとうございます！
今回はFiddlerをせずに解決できましたが、今後はデバッグの際に
ぜひ活用していきたいと思います。
ありがとうございました！
回答2件
0
ベストアンサー
$List = array();
で定義しておきながら
php
1 $tList[] = array( 2 'ID' => $row['ID'], 3 'name' => $row['name'] 4 );
で受け取り結局
echo json_encode($List);
を出しているからだと思います。
投稿2019/08/01 02:01
総合スコア80850
迅速なご回答ありがとうございました。
$tList[]は単純に$List[]の誤字でした。
正しく修正したところ無事にデータを受け取ることができました！
ありがとうございます！
解決されたようで何よりです。
どのような開発環境やエディタ使われているか分からないですが、Eclipseなど、構文チェックを自動で行ってくれるIDEの導入を強くすすめます。
今回のコードだと $tList のところに変数未定義である警告が出るのでプログラム実行することなく気づけます。
0
嘘情報を流したので修正します。
誤）select* from sample ORDER BY RAND() LIMIT 1
正）select* from sample ORDER BY RAND() LIMIT 1
正）select * from sample ORDER BY RAND() LIMIT 1
投稿2019/08/01 02:00
編集2019/08/01 02:23
総合スコア797
構文的には問題ないですよ。一応。違和感は分かります。
もし、そこが間違いならPDOExceptionに飛ぶので質問内にあるようにレスポンスが空の配列にはなりません。
恥ずかしいので消したい。。。
けど消さない(/ω＼)
私も違和感あって構文チェックかけたら通りましたし、
状況からするとそこじゃないかなと思って。
ご回答ありがとうございました。
phpファイルの該当箇所を別ファイルにコピーし、
echo var_dump($List)で出力させると画面にデータが表示されたので、
SQL文は通っているものと思います。
誤解を招くような書き方をしてしまい申し訳ありませんでした。
あなたの回答
tips
プレビュー
