javascript - 在本地文件上使用或不使用 xampp 运行简单的基本 AJAX

Question

我浏览了一些其他帖子来回答我的问题，但我似乎不明白如何解决它。

问题似乎是我的代码正在请求跨域请求；我无法在 file://

上运行简单的 html ajax

所以我所做的是使用 xampp 在本地主机上运行程序

这是我的目录http://localhost/practice/practice.php

在这个 php 中，代码如下所示

function ajaxor(){
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange=function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
    }
  };
  xhttp.open("GET", "practice.txt", true);
  xhttp.send();

  alert(xhttp.status);
}

php 文件似乎运行良好，但当我警告 xhttp.status 时，它输出 0 而不是 200。

我真的很困惑。这是我第一次尝试 AJAX，从一开始就不顺利。

Answer 1

你看错地方了，因为你用的是异步版本的ajax。如果发生什么事情，所有的事情都会在函数 onreadystatechange 内发生。因此，请将 alert(xhttp.status); 放入该函数内的 document.getElementById("demo").innerHTML = xhttp.responseText; 行下。如果一切正常，您将看到 200；如果发生错误，您将看不到任何内容。

function ajaxor(){
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange=function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      document.getElementById("demo").innerHTML = xhttp.responseText;
      alert(xhttp.status + " should be 200");
    } else {
      alert(xhttp.status + " en error happend");
    }
  };
  xhttp.open("GET", "practice.txt", true);
  xhttp.send();
}

这假设所有文件名和路径都是正确的。