我从W3学校获得的资料:https://www.w3schools.com/js/tryit.asp?filename=tryjson_ajax_array
当我在w3源代码中运行此ajax示例时,它已成功运行。
[当我尝试在本地执行相同的代码时,它没有运行。代码在下面。
我是否需要任何服务器来运行此示例。
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 quick file server (static files over HTTP)