使用 Javascript 读取页面 XML

Question

嘿伙计们，这让我简直要疯了，所以我想请教这个网站上的专家，看看你们是否知道怎么做 =)

我正在尝试创建一些可以读出网页元素的 javascript 代码（例如第一段说了什么？）。这是我到目前为止所做的，但它不起作用，我不明白为什么：

<script type="text/javascript">
<!--
var req;
// handle onreadystatechange event of req object
function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            //document.write(req.responseText);
            alert("done loading");

            var responseDoc = new DOMParser().parseFromString(req.responseText, "text/xml");
            alert(responseDoc.evaluate("//title",responseDoc,null,
                        XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue);
         } 
         else {
            document.write("<error>could not load page</error>");
         }
    }
}

req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET", "http://www.apple.com", true);
req.send(null);
// -->

不断出现的警报是“空”，我不明白为什么。有什么想法吗？

Answer 1

这可能是由于跨域限制......除非您将网页托管在 apple.com 上。 :) 您还可以使用 jQuery 并避免写出所有内容和/或处理任何常见的可能的跨浏览器 XML 加载/解析问题。 http://api.jquery.com/category/ajax/

更新：< /强>
看起来它可能与源网站的 Content-Type 或类似的东西有关...例如，此代码似乎可以工作...（注意加载的域...）

var req;
// handle onreadystatechange event of req object
function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"

        if (req.status == 200) {
            //document.write(req.responseText);
            //alert("done loading");
            //alert(req.responseText);

            var responseDoc = new DOMParser();
            var xmlText = responseDoc.parseFromString(req.responseText, "text/xml");
            try{
              alert(xmlText.evaluate("//title",xmlText,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue);
            }catch(e){
              alert("error");
            }
         } 
         else {
            document.write("could not load page");
         }
    }
}

req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET", "http://www.jquery.com", true);
req.send(null);

我也尝试加载 espn.com 和google.com，并注意到它们都有“Content-Encoding：gzip”，所以也许这就是问题所在，只是猜测。