XMLHttprequest 在没有安全性的情况下运行 chrome 时无法在本地主机上工作

Question

我的 javascript 代码在服务器上运行良好。 在本地编辑更方便。 所以我禁用了 Chrome 安全性

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security  --user-data-dir=~/chromeTemp

和 CORS 错误不再显示，但控制台也没有返回任何数据。

这是代码：

var asia = "asia.txt";
function loadXMLDoc(loadas) {
var test = loadas;
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    obj1 = JSON.parse(this.responseText);    
   console.log('My object: ', obj1);
       }
  };
  xhttp.open("GET", "/C:/Users/tom/Desktop/javascript/"+test, true);
  xhttp.send();
}
var manomygas = document.getElementById("mygas");
manomygas.addEventListener("click", ()=>{loadXMLDoc(asia)});

在我正在阅读 object 的 my.txt 中：

{
  "countries": [
    {
      "Country name": "China",
      "Flag": "CN",
      "Population": 1395380000
    },
    {
      "Country name": "India",
      "Flag": "IN",
      "Population": 1338677000
    },

可能是什么问题？

Answer 1

我试过了，代码工作正常。

由于解析错误，您可能看不到数据。

我唯一更改的是在 JSON 文件中添加右方括号并删除最后一个逗号。

JSON 代码如下：

{
  "countries": [
    {
      "Country name": "China",
      "Flag": "CN",
      "Population": 1395380000
    },
    {
      "Country name": "India",
      "Flag": "IN",
      "Population": 1338677000
    }
  ]
}

我建议不要使用启用了标志 disable-web-security 的 Chrome； 相反（在 VSCode 上）安装Live Server扩展 -> 打开 HTML 文件并启动测试服务器。

应该很简单，没有问题的错误:)

希望能帮助到你：）