如何运行此AJAX JavaScript编码?

问题描述 投票:0回答:1

我从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学习......

javascript html json ajax web
1个回答
0
投票

为了在本地计算机上运行此示例,您应该使用Web服务器。您可以设置要提供您提到的静态txt文件的任何Web服务器。

这里有一些:

因为您正在研究JS,所以建议您使用Node.js并创建一个简单的HTTP服务器。如果您对这种方式感兴趣,请查看此问题的答案:Node.js quick file server (static files over HTTP)

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.