本地JavaScript加载本地XML文件时状态码始终为0的问题求助

问题原因 #

直接通过file://协议打开本地HTML文件时，浏览器的安全策略会阻止XMLHttpRequest访问本地文件，导致请求完成后status始终为0。

解决方案 #

1. 启动本地轻量服务器（推荐） #

用本地服务器托管文件，以http://localhost协议访问，就能避开file://的限制：

• Python 3：在文件目录下执行命令

  python -m http.server 8000
  

  然后在浏览器访问http://localhost:8000/你的页面.html
• Node.js：先全局安装http-server

  npm install -g http-server
  

  然后在文件目录执行

  http-server
  

  按终端提示的地址访问页面即可。

2. 使用FileReader API手动选择文件（无需服务器） #

如果不想启动服务器，可以让用户手动选择本地XML文件，通过FileReader读取：

// 先在HTML中添加文件选择控件
<input type="file" id="xmlFileInput">

<script>
document.getElementById('xmlFileInput').addEventListener('change', function(e) {
  const file = e.target.files[0];
  if (!file) return;

  const reader = new FileReader();
  reader.onload = function(event) {
    // 解析XML内容
    const parser = new DOMParser();
    const xmlDocument = parser.parseFromString(event.target.result, 'application/xml');
    console.log('xml loaded', xmlDocument);
  };
  reader.readAsText(file);
});
</script>

3. 修改浏览器安全设置（不推荐） #

部分浏览器可以通过启动参数关闭本地文件访问限制，但这种方法安全性低，仅适合临时测试：

• Chrome：关闭所有Chrome窗口后，在终端执行

  chrome --allow-file-access-from-files
  

内容的提问来源于stack exchange，提问作者Frazer