无法使用jQuery从外部文件加载xml

我正在尝试使用以下代码加载外部xml但它无法正常工作

$( document ).load( "data.xml", function( response, status, xhr ) { console.log( xhr.status + " " + xhr.statusText ); }); 

我在同一文件夹中有data.xml和js文件。

在chrome中它返回404 error 。

在FF中，它返回0 [Exception... "Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" 。

我不明白为什么会这样？ 请详细说明这个问题。

更新：我使用$.get()进行了一次拍摄，如下所述，但仍未成功。

同时我也尝试使用下面的纯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("data.xml"); console.log(xmlDoc); 

仍面临错误。

FF出错： NS_ERROR_DOM_BAD_URI：拒绝访问受限制的URI [在此错误时出现错误]

xhttp.send（）;

和

chrome中的错误： XMLHttpRequest无法加载file：/// C：/Users/admin/Desktop/public_html%281%29/public_html/data.xml。 仅支持HTTP的跨源请求。 xml.js：13 Uncaught NetworkError：发生网络错误。

更新：我发现这个问题很有用，但是有什么方法可以解决这个问题吗？

Answer 1

也许这就是你要找的……

 $(document).ready(function(){ $.ajax({ url: 'data.xml', dataType: 'xml', success: function(response, status, xhr){ console.log( xhr.status + " " + xhr.statusText ); } }); }); 

UPDATE

阅读这篇文章

Answer 2

经过长时间的斗争并在社区的帮助下，我找到了问题。

同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源交互。

这意味着系统文件是不可能的，所以在这个答案的帮助下，我使用WAMPServer来运行我的脚本，它就像一个魅力。

  $.get("http://localhost/public_html(1)/public_html/xml/data.xml", function( response, status, xhr ) { console.log( response ); }); 

谢谢！