【问题标题】:Website working, but not on iphone. XMLHttpRequest() error网站工作,但不是在 iphone 上。 XMLHttpRequest() 错误
【发布时间】:2015-05-30 21:03:20
【问题描述】:

我已经创建了这个网站

http://www.tylertracy.com/testing/Xml/App%20veiwer%205-28.php

它在大多数浏览器和 iPhone 模拟器上都能正常工作,但在真正的 iPhone 上却不行。我已将其范围缩小到 XMLHttpRequest()。似乎当我获取 xml 时,我无法读取它返回未定义的 [object Element] 的子级。这很莫名其妙我不明白。

这是我获取 XML 的代码

function convertXml (path) {
    if (window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
    }else{
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5
    }
    xmlhttp.open("GET",path,false);
    xmlhttp.send();
    xml=xmlhttp.responseXML.getElementsByTagName("app");
    var foo = [];
    for (var i = 0; i <= xml.length-1; i++) {
        foo[i] = {};
        for (var j = 0; j <=xml[i].children.length-1; j++) { // get all children of the app and make it a part in the object
            foo[i][xml[i].children[j].tagName] = xml[i].children[j].innerHTML.trim();//super complicated
        } 
     }
    return foo;
}

经过多次试验,我发现在 iPhone 上,请求返回一个 [object Document],而计算机返回一个 [object XMLDocument]。我不知道这意味着什么,但我觉得这就是我的问题所在。有没有办法在这些之间进行转换?

从那以后,我将代码更新为 jQuery,看看问题是否仍然存在,确实如此。

这是新的 jQuery

function getXML (path) {
//gets text version of the xml doc
var response = $.ajax({ type: "GET",   
                    url: "testingXml.xml",   
                    async: false,
                  }).responseText;
//converts text into xmlDoc
parser=new DOMParser();
xmlDoc=parser.parseFromString(response,"text/xml");
return xmlDoc;
}

function xmlToObject (x) {
var xml = x.getElementsByTagName("app"); //get all the xml from the root
var foo = [];
for (var i = 0; i <= xml.length-1; i++) {
    foo[i] = {}; // make the object
    for (var j = 0; j <=xml[i].children.length-1; j++) { //get all of the children of the main tag
        foo[i][xml[i].children[j].tagName] = xml[i].children[j].innerHTML.trim();  //super complicated
    }
}
return foo;
}

然后要获取数组,您将编写此代码xmlToObject(getXML("testingXml.xml"))

问题仍然存在,在计算机上很好,但在 iPhone(Google、Safari、Firefox、Oprah)上似乎 xml 没有显示。

【问题讨论】:

    标签: javascript ios ajax xmlhttprequest


    【解决方案1】:

    我来了

    主线程上的同步 XMLHttpRequest 已被弃用,因为它会对最终用户的体验产生不利影响。如需更多帮助,请查看http://xhr.spec.whatwg.org/

    打开页面时在 Google Chrome 控制台中。这可能是它无法在 iOS 上加载的原因:Apple 决定忽略移动设备上的此类请求,而不是仅仅记录警告,以防止浏览器冻结。

    试试

    xmlhttp.open("GET",path,true);
    

    还有一个xhr.onload 处理程序,如MDN's "Synchronous and asynchronous requests" 中所述。

    【讨论】:

    • 我看过很多网站,像w3schools.com/xml/xml_parser.asp 这样的地方不使用true。他们使用 false 并且它适用于 iPhone。我也在 iPhone 上收到了回复,我只是无法阅读它。我无法查看元素的子元素。