※ ChatGPTを利用し、要約された質問です(原文:jQueryで配列JSONの読み込み方法)
jQueryで配列JSONの読み込み方法
このQ&Aのポイント
phpからの返り値data(json形式)を表示したいのですがうまくいきません。
コンソール上でjsonを取得できているようなのですが、値を表示しようとするとundifinedと表示されてしまいます。
どのように書き換えれば動作するようになるのでしょうか?
phpからの返り値data(json形式)を表示したいのですがうまくいきません。
コンソール上でjsonを取得できているようなのですが、値を表示しようとするとundifinedと表示されてしまいます。
どのように書き換えれば動作するようになるのでしょうか?
よろしくおねがいします!
--------------------------------------------------------
■ receive.js ■
--------------------------------------------------------
$.ajax({
type: "POST",
url: "receive.php",
data: {
"id": 3
},
success: function(data){
console.log(data);
alert(data.time); //ここで「undifined」のエラーが出ます!!
$("#go").after(data.id); //ここは何も表示されません。
$("#str").html('準備完了');
},
error: function(data){
$("#str").html('準備未完了');
},
});
--------------------------------------------------------
■ receive.php ■
--------------------------------------------------------
<?php
require 'dbconnect.php';//dbconnectを呼び出し
$data = array();
$id = $_POST['id'];
$sql = " SELECT * FROM sample_table WHERE id = " . $id;
$result = mysqli_query($connect,$sql) or die("クエリの送信に失敗しました。<br />SQL:".$sql);
while ($row = mysqli_fetch_array($result)) {
$data[] = $row;
}
mysqli_close($connect) or die("MySQL切断に失敗しました。"); // MySQLへの接続を閉じる
header('Content-Type: application/json; charset=utf-8');
echo json_encode($data);
?>
--------------------------------------------------------
■ index.html ■
--------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<title>PHP * jQuery * ajax * MySQL</title>
<script type="text/javascript" src="receive.js"></script>
<script type="text/javascript" src="post.js"></script>
</head>
<body>
<div class="ltd-form">
<form id="inquiry-form" method="get">
<fieldset>
・
・
・
</fieldset>
<div id="go"></div>
</form>
</div>
<div id="str"></div>
</body>
</html>
--------------------------------------------------------
■ 実行後のChromeのコンソール ■
--------------------------------------------------------
0: Object
0: "3"
1: "1423789247"
2: "96"
3: "963"
data1: "96"
data2: "963"
id: "3"
time: "1423789247"
--------------------------------------
お礼
ありがとうございます!! まる一日調べてできなかったことが解決できました!