无法使用jquery $ .ajax读取本地xml文件

时间:2014-11-21 08:03:37

标签: jquery html xml

我想使用XML文件创建一个带有jquery的动态网站。

在本地网络服务器上测试时,我通过chrome上的开发者控制台看到xml文件不可见。

在本地文件中打开主页(不使用网络服务器)时出现以下错误:

XMLHttpRequest无法加载文件///。交叉源请求仅支持协议方案:http,data,...

我读了XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP但是因为我使用的是IIS本地服务器,所以我已经规定了这一点。

我读取xml的代码:

$.ajax({

    type: "GET",
    url: "data.xml",
    dataType: "xml",
    success: function(xml){
        var xmlDoc = $.parseXML(xml);
        var root = $(xmlDoc).find("root");
        alert(root);
    }

});

我存在的项目有几个文件:

index.html
code.js            ==> my own code
jquery.js          ==> jquery code
style.css
data.xml
Web.config         ==> I'm not entirely sure if i need this since i won't be using connections.
Website.sln        ==> I use a vs2013 express edition

这是我的第一个使用jquery的项目,尽管html内容的添加和删除工作完美,但读出XML文件仍然让我无法理解。我通过visual studio express创建了一个web.config文件,但我并不完全确定我需要这个。

编辑:

我完成了以下更改:

首先:将data.xml替换为子目录(我不知道是不是这样)

其次:删除parseXML函数并转到

$(this).find(name).each(function(){ //your code });

呃瞧,没有回到编程......

1 个答案:

答案 0 :(得分:0)

我完成了以下更改:

首先:将data.xml替换为子目录(我不知道是不是这样)

其次:删除parseXML函数并转到

$(this).find(name).each(function(){// your code});

然后

url变为= url: "../data/data.xml",