此Ajax請求未響應相應的JSON文件

Question

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script 
<script>

function kick_start(){
var xml=new XMLHttpRequest();
var url="student.json";

xml.open("GET", url, true);
xml.send();


xml.onreadystatechange=function(){
if(xml.readyState == 4 && xml.status==200){
var file=JSON.parse(xml.responseText);
var data=document.getElementById("demo"); 
data.innerHTML=file.Name;
}
}
data.innerHTML="Fetching Data..........";
}



</script>
<script>kick_start()</script>
</body>
</html>

JSON文件是：

{"Name":"Arman","ID":1312038;"Department":"NAME"}

我做了很多嘗試來運行此HTML文件，以通過Ajax請求從JSON文件中獲取數據。 但是出了點問題，我將兩個文件都保存在同一目錄中。 我能做什么？

Answer 1

當您將data.innerHTML設置為“ Fetching Data”時， data並不是此時的元素，因為它僅在ajax完成時才成為元素。 這將在控制台中觸發錯誤-按F12進行查看。

要解決此問題，請將var data = ...行移出readystatechange函數。

另一個問題是您的JSON無效，您有; 應該是逗號。 您可以在JSONLint上對其進行驗證。

此Ajax請求未響應相應的JSON文件

問題描述

1 個解決方案

解決方案1
2 2016-04-07 10:30:17

此Ajax請求未響應相應的JSON文件

問題描述

1 個解決方案

解決方案1 2 2016-04-07 10:30:17

解決方案1
2 2016-04-07 10:30:17