如何在PC上本地测试基于AJAX的代码？

Question

我正在学习网页开发。目前，我正在学习AJAX。我正在尝试运行示例代码，其中服务器端将返回从驻留在服务器上的文件中读取的文本。示例函数如下所示。

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     myHeading.textContent = xhttp.responseText;
    }
  };
  xhttp.open("GET", "some_file_on_the_server.txt", true);
  xhttp.send();
} 

现在，我的问题是，如何在我的电脑上本地检查此代码，以及我需要在哪里放置some_file_on_the_server.txt。

Answer 1

如果您想正确使用AJAX，您需要某种HTTP服务器来提供该文件。

现在，我更喜欢使用Vagrant box。 Vagrant是一种用于设置开发环境的工具，通常在本地VM上。您将一个文件添加到代码中，然后其他开发人员可以拥有与您相同的开发环境。有预配置的盒子，添加一些额外的配置脚本来设置Web服务器的方式很简单。