XMLHttpRequest 文件加载错误。文件格式应该包含什么？答案

【问题标题】：XMLHttpRequest file load error. What should the file format contain?XMLHttpRequest 文件加载错误。文件格式应该包含什么？
【发布时间】：2015-07-23 21:07:07
【问题描述】：

我从网上获取了一个基本的 xml 检索，但我无法在我的网络驱动器上重现它。我只是想测试一下，并确保我可以在开始我的小项目之前重现它。我的问题在第 55 行 (xmlhttp.send();)。我收到这些错误。

XMLHttpRequest 无法加载 file:///Y:/BWI/cd_catalog.xml。跨原点请求仅支持协议方案：http、data、chrome、铬扩展，https，铬扩展资源。未捕获 NetworkError：无法在“XMLHttpRequest”上执行“发送”：无法执行加载'file:///Y:/BWI/cd_catalog.xml'。

我认为这与文件加载的格式有关 (file:///Y:/BWI/cd_catalog.xml)。为了让这个简单的 html 页面读取文件，正确的格式应该是什么？

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc(url)
{
var xmlhttp;
var txt,x,xx,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
    x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
    for (i=0;i<x.length;i++)
      {
      txt=txt + "<tr>";
      xx=x[i].getElementsByTagName("TITLE");
        {
        try
          {
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
          }
        catch (er)
          {
          txt=txt + "<td> </td>";
          }
        }
      xx=x[i].getElementsByTagName("ARTIST");
        {
        try
          {
          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
          }
        catch (er)
          {
          txt=txt + "<td> </td>";
          }
        }
      txt=txt + "</tr>";
      }
    txt=txt + "</table>";
    document.getElementById('txtCDInfo').innerHTML=txt;
    }
  }
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="txtCDInfo">
<button onclick="loadXMLDoc('cd_catalog.xml')">Get CD info</button>
</div>

</body>
</html>

【问题讨论】：

在文件系统上运行的 JavaScriuopt 具有与 http 协议不同的安全规则。您可以运行浏览器以允许它，但最好运行本地服务器。 pythonforbeginners.com/modules-in-python/… 或 node 或 apache 或其他任何一个。
Download WAMP server

标签： jquery html xml xmlhttprequest

【解决方案1】：

为了让这个简单的 html 页面读取文件，正确的格式应该是什么？

应该是http:// 什么的。你需要运行一个网络服务器。您不能直接访问文件系统。

【讨论】：