Question

我是使用Node.js和HTML5的新手，我在localhost上遇到数据问题。我试图在一个数据文件中读取XMLHttpRequest调用本地主机上的URL。我正在使用http-server并且可以通过将此URL直接放入浏览器来确认服务器识别数据文件。我有一个index.html文件，可以在Chrome浏览器中加载并正确呈现。下面的logic.js程序成功加载（基于console.log（“在主函数”中）调用）但不使用XMLHttpRequest中的url。

我查看过serval帖子，用于启动静态页面server并制作XMLHttpRequest，但我仍然不明白我做错了什么。

如何访问数据文件并显示（然后操作）内容？什么是更好地了解网络流程的好资源？谢谢。

window.onload = function(){
  console.log("In main function");
  var url = "http://localhost:8080/data/data.json";
  var request = new XMLHttpRequest();

  request.open("GET", url);

  request.onload = function(){
    console.log("in onload");
    if (request.status == 200){
      displayData(request.responseText);
    } else {
      alert("Data Error");
    }
  request.send(null);
  } 
}

var dispLocation = document.getElementById("main");

function displayData(response){
  console.log("Display function");
  dispLocation.innerHTML = response;
}

和index.html：

<!doctype html>
<html>
<head>
  <title>JSON Ex</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="styles.css">
  <script src="logic.js"></script>
</head>
<h1>Main display</h1>
<body>
<div id="main"></div>
</body>
</html>

更新：基于Carnate先生（或者是......）我将问题确定为数据文件的编写方式。 This article Kirup非常有帮助，可以帮助其他人。

来自localhost

0 个答案: