此 Ajax 请求未响应相应的 JSON 文件

This Ajax Request is not responding to the corresponding JSON file

本文关键字：JSON 文件 响应 Ajax 请求      更新时间：2024-02-11
<!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 文件中获取数据。但是有些不对劲。我将两个文件保存在同一个目录中。我能做什么？

当您将data.innerHTML设置为"获取数据"时，此时data不是元素，因为它仅在 ajax 完成时成为元素。这将在控制台中触发错误 - 按 F12 查看。

要解决这个问题，请将var data = ...行移出 readystatechange 函数。

另一个问题是您的 JSON 无效，您;应该是逗号。您可以在 JSONLint 上验证它。

相关文章：