Question

<!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>Author</th><th>Title</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("book");
for (i=0;i<x.length;i++)
  {
  txt=txt + "<tr>";     
  xx=x[i].getElementsByTagName("author");
    {
    try
      {
      txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
      }
    catch (er)
      {
      txt=txt + "<td> </td>";
      }
    }
    xx=x[i].getElementsByTagName("title");
    {
    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('http://localhost:8081/sample.xml')">GetDetails</button>
</div>
</body>
</html>

我已经编写了上面的代码行来显示xml文件数据。它被部署在iis服务器中。每当我想访问xml文件时，它显示上面的错误。我在哪里做错了。我要写什么在url位置获取xml文件。如果我只写像sample.xml这样的文件名。它显示错误，如拒绝访问。

Answer 1

这是因为Same origin policy。你不能使用ajax来调用外部网站。如果你真的想使用，你必须使用JSONP。或者您可以使用服务器端代理。意味着，在服务器端调用外部站点并对该Web服务执行ajax调用。有关详细信息，请参阅我对以下问题的回答， $.ajax call working fine in IE8 and Doesn't work in firefox and chrome browsers

XMLHttpRequest无法加载http：// localhost：8081 / sample.xml。 Access-Control-Allow-Origin不允许使用null。

1 个答案: