我的来源来自W3学校：https://www.w3schools.com/js/tryit.asp?filename=tryjson_ajax_array
当我在 w3 源代码中运行这个 ajax 示例时，它已成功运行。
当我尝试在本地执行相同的代码时，它没有运行.代码如下。
我需要任何服务器来运行此示例吗？
阿贾克斯.html
<!DOCTYPE html>
<html>
<body>
<h2>Use the XMLHttpRequest to get the content of a file.</h2>
<p id="demo"></p>
<script>
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myObj = JSON.parse(this.responseText);
document.getElementById("demo").innerHTML = myObj.name;
}
};
xmlhttp.open("GET", "json_demo.txt", true);
xmlhttp.send();
</script>
</body>
</html>
json_demo.txt
{
"name":"John",
"age":31,
"pets":[
{ "animal":"dog", "name":"Fido" },
{ "animal":"cat", "name":"Felix" },
{ "animal":"hamster", "name":"Lightning" }
]
}
如何在我的本地计算机中运行此文件？ 帮助我开始我的Ajax学习......
为了在本地计算机上运行此示例，您应该使用 Web 服务器。您可以设置任何要提供静态txt您提到的文件的 Web 服务器。
这里有一些：
- 恩金克斯
- 阿帕奇
因为你正在学习JS，我建议你使用Node.js并创建一个简单的HTTP服务器。如果你对这种方式感兴趣，请查看这个问题的答案： Node.js快速文件服务器(通过HTTP的静态文件(