3

可能重复：
Chrome：禁用同源策略

所以关于我的问题的一些背景信息：

  • 为画廊编写 JavaScript 文件；从 xml 文件中提取数据，这里。
  • 使用异步加载，使用 XMLHttpRequest() 加载 DOM 对象。
  • 使用 DOMParser 解析 responseText 以生成 DOM 对象。
  • 在 FireFox 上工作，在 Chrome 上失败。

编辑（请阅读）：

使用 console.log 后，Chrome 似乎报告了一个跨域问题：

  • 加载资源文件失败：./Gallery/dropdown_style.css
  • XMLHttpRequest 无法加载文件：./Gallery/gallery_info.xml。仅 HTTP 支持跨源请求。
  • 节点列表[0]
  • 长度：0
  • 未捕获的错误：NETWORK_ERR：XMLHttpRequest 异常 101
  • 加载资源失败 ./Gallery/Pictures/bg_one.jpg

现在我的问题是：

  1. 如何在本地级别（离线）解决此问题？
  2. 即使我将所有文件上传到同一台服务器，这仍然是一个问题吗？
  3. 如果是这样，那么解决方案是什么（在线）？

现在 DOM 对象通过了，大概在 Firefox 和 Chrome 上都是正确的。并在以下代码中：

window.alert(xmlDoc.getElementsByTagName("pic"));

它返回“HTML Collection”的响应，或者在 Chrome 中返回“NodeList”。但是当我在 Chrome 中询问 NodeList 的长度时，它返回 0，这意味着 NodeList 的格式不正确，或者不是我想要的那样。

在 FireFox 中，长度将返回值 2，这正是我想要的。

这是我的源代码，没有多余的行话：

var elemPic = [];

function initGallery(xmlFName){

    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("GET", xmlFName, true);
    xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4){ //since it's offline and local, don't check status == 200
            //use a DOMParser, which is in a different file
            myCallBack(parseXml(xmlhttp.responseText));
        }
    }
    xmlhttp.send();
}

function myCallBack(xmlDoc){
    //window.alert(xmlDoc);
    elemPic = xmlDoc.getElementsByTagName("pic");
    //window.alert(elemPic);

    for(var i = 0; i < elemPic.length; i++){
        //whats the source path?
        var src = elemPic[i].getElementsByTagName('src')[0].childNodes[0].nodeValue;
        window.alert(src);
    }
}

这是我的整个源文件夹，如果你想看的话：Source Folder

我不确定这是哪个问题：

  1. DOM xml 对象已损坏
  2. 节点列表已损坏
  3. getElementsByTagName() 的总体 Chrome 问题
  4. 其他

如果你们能帮助我确定问题的确切根源和解决方案，那么我将非常感激。

4

1 回答 1

0

答案：看起来问题出在同源策略上。对于本地访问，将文件上传到本地 Web 服务器，或更改 Chrome 设置以进行测试。如果上传到服务器应该没有问题。

非常感谢 Luminously、Diego Pino 和 Bergi 用户。

解决问题的步骤：

  1. 使用 console.log() 而不是 window.alert() - 它更加详细和准确。
  2. 本地：将文件上传到本地网络服务器或更改 Chrome 设置（禁用网络安全）
  3. 全局：如果上传到服务器没有问题。
于 2012-11-20T02:30:37.657 回答