0 レビュー
2 回答
javascript-PHPとMySQLを実行しているWebサーバーからJSONデータを読み取る方法は？
http://www.w3schools.com/json/json_example.aspで例を読みました。
そして、MySQLデータベースとPHPコードで試してみました。しかし、それは機能しません。 私は初心者ですが、何が悪いのかわかりません。
これが私のPHPリンクです： http://xebus2014.tk/demo.php
そして私は次のようにw3schoolコードを変更します：
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
border-bottom: 3px solid #cc9900;
color: #996600;
font-size: 30px;
}
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>
<h1>Customers</h1>
<div id="id01"></div>
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://xebus2014.tk/demo.php";
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
myFunction(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(response) {
var arr = JSON.parse(response);
var i;
var out = "<table>";
for(i = 0; i < arr.length; i++) {
out += "<tr><td>" +
arr[i].STT +
"</td><td>" +
arr[i].ID +
"</td><td>" +
arr[i].Name +
"</td><td>" +
arr[i].Singer +
"</td></tr>";
}
out += "</table>"
document.getElementById("id01").innerHTML = out;
}
</script>
</body>
</html>
わからない
0
レビュー
答え :
解決策：
応答をJson文字列として設定しましたか？
header("Content-Type: application/json; charset=UTF-8");
わからない
0
レビュー
答え :
解決策：
結果はすでにオブジェクトであるため、JSON.parseを使用して解析する必要はありません。そのまま使用し、そのままループを通過させます。>
クロスドメインの問題についてはわかりませんが、実行するには、関数に直接移動します...出力を使用したループの動作については、このフィドルを参照してください- http://jsfiddle.net / fu3g5Loe /
または、これをPHPバックエンドで使用できます
echo json_encode('Your result set goes here'); // this will apply the correct JSON representation of your result set before echoing
作業コード
<body>
<h1>Customers</h1>
<div id="id01"></div>
<script>
/*
var xmlhttp = new XMLHttpRequest();
var url = "http://xebus2014.tk/demo.php";
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
myFunction(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
*/
var params = [{"STT":"1","ID":"123","Name":"Sexy Love","Singer":"T-ara"},{"STT":"2","ID":"456","Name":"Day By Day","Singer":"T-ara"},{"STT":"3","ID":"789","Name":"Cry Cry","Singer":"T-ara"}];
myFunction(params);
function myFunction(response) {
var arr = response;
var i;
var out = "<table>";
for(i = 0; i < response.length; i++) {
out += "<tr><td>" +
arr[i].STT +
"</td><td>" +
arr[i].ID +
"</td><td>" +
arr[i].Name +
"</td><td>" +
arr[i].Singer +
"</td></tr>";
}
out += "</table>"
document.getElementById("id01").innerHTML = out;
}
</script>
</body>
わからない
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。