Question

我正在尝试创建一个简单的XML解析来从XML文件中获取数据并在我的JavaScript应用程序中使用它。这是我的代码：

JS解析：

function loadXMLDoc(dname) 
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}

正文脚本：

xmlDoc=loadXMLDoc("http://www.w3schools.com/dom/books.xml");

function SHOW(){
    document.getElementById("demo").innerHTML = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
}

HTML：

<button id="dan" onclick="SHOW()">SHOW</button>
<p id="demo"></p>

这是一个不起作用的演示：http://jsfiddle.net/2XEzh/

知道如何让它发挥作用吗？提前谢谢。

Answer 1

在发送问题之前，最好先查看控制台。

Chrome控制台消息

XMLHttpRequest无法加载http://www.w3schools.com/dom/books.xml。 No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; http://fiddle.jshell.net＆＃39;因此不允许访问。

这意味着，浏览器正在阻止它。出于安全原因，浏览器通常允许同一来源的请求。当您想要执行跨域请求时，您需要做一些不同的事情。关于如何实现这一目标的教程是Using CORS

XML解析不起作用

1 个答案: