ไฟล์ json
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้{
"s1":{
"name": "John",
"score": 75,
"grade": "B"
},
"s2":{
"name": "Mark",
"score": 68,
"grade": "C"
},
"s3": {
"name": "Roy",
"score": 82,
"grade": "A"
},
"s4": {
"name": "Mcqueen",
"score": 72,
"grade": "B"
},
"s5":{
"name": "Stain",
"score": 54,
"grade": "D"
},
"s6": {
"name": "Tron",
"score": 60,
"grade": "C"
},
"s7": {
"name": "Boss",
"score": 91,
"grade": "A"
}
}
ไฟล์phpเป็นงี้ครับ พอรันแล้วมันก็เป็น undefined ตรง result.innerHTML=data.s1; เคยใส่คีย์เพิ่มเป็น result.innerHTML=data.s1.name; คราวนี้มันแสดงข้อความ Request.. ยังไงรบกวนแนะนำด้วยครับ ผมรันใน xampp ครับ แล้วทั้งสองไฟล์อยู่ในโฟลเดอร์เดียวกันครับ
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
function ajax_getjson() {
var hr =new XMLHttpRequest();
hr.open("GET","data.json",true);
hr.onreadystatechange=function(){
if(hr.readyState ===4 && hr.status ===200){
// ดึงข้อมูลมาเก็บ
var data = JSON.parse(hr.responseText);
var result = document.getElementById("result");
result.innerHTML=data.s1;
//document.getElementById("result").innerHTML="555";
}
}
hr.send(null);
document.getElementById("result").innerHTML="Request...";
}
</script>
</head>
<body>
<div id="result"></div>
<script>ajax_getjson();</script>
</body>
</html> 
ถามเรื่องโค้ดแสดง json ออกมาที่หน้าเว็บมันขึ้น undefined ไม่รู้ว่าผิดตรงไหรคร้าบ
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
ไฟล์phpเป็นงี้ครับ พอรันแล้วมันก็เป็น undefined ตรง result.innerHTML=data.s1; เคยใส่คีย์เพิ่มเป็น result.innerHTML=data.s1.name; คราวนี้มันแสดงข้อความ Request.. ยังไงรบกวนแนะนำด้วยครับ ผมรันใน xampp ครับ แล้วทั้งสองไฟล์อยู่ในโฟลเดอร์เดียวกันครับ
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้