【问题标题】:Chrome getElementsByTagName() with xml DOM returns improper NodeList [duplicate]带有xml DOM的Chrome getElementsByTagName()返回不正确的NodeList [重复]
【发布时间】:2012-11-07 22:30:37
【问题描述】:

可能重复:
Chrome: Disable same origin policy

关于我的问题的一些背景信息:

  • 为画廊编写 JavaScript 文件;从 xml 中提取数据 文件,here
  • 使用 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. NodeList 已损坏
  3. getElementsByTagName() 的总体 Chrome 问题
  4. 其他

如果你们能帮我确定问题的确切根源和解决方案,我将不胜感激。

【问题讨论】:

  • 尝试使用console.log。它实际上打印出对象的内容,包括 NodeList,这就是为什么建议在 window.alert 上进行调试。
  • 我会试一试,谢谢。
  • 好吧,你知道吗,看起来这是一个跨域错误,在本地访问时。
  • 所以现在我的问题是:如何在本地解决这个问题?如果上传到服务器,这也会是一个问题吗?
  • 如果您从本地 Web 服务器提供服务,则不会出现同源策略问题。在不设置网络服务器的情况下打开文件的另一种方法是将 Chrome 启动为 $ google-chrome --disable-web-security

标签: javascript ajax google-chrome


【解决方案1】:

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

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

解决问题的步骤:

  1. 使用 console.log() 而不是 window.alert() - 它更加详细和准确。
  2. 本地:将文件上传到本地网络服务器或更改 Chrome 设置(禁用网络安全)
  3. 全局:上传到服务器没有问题。

【讨论】:

    猜你喜欢
    • 2014-06-08
    • 1970-01-01
    • 2011-07-27
    • 1970-01-01
    • 1970-01-01
    • 2011-07-07
    • 2016-06-30
    • 2021-02-27
    • 1970-01-01
    相关资源
    最近更新 更多