javascript - 使用 XML 解析器从用户获取最近的 YouTube 视频

Question

哟!

因此，我的目标是获取 YouTube 用户(在本例中为“aosjeff”)上传的三个最新视频。我知道我可以向 youtube 发送一个“get”请求，然后使用 XML 解析器解析该 xml 文档(我不能使用 php，我正在使用的网站 build 网站不允许我这样做)，我正在尝试在这里使用一些代码将“get”请求的结果存储在 JavaScript 的字符串中，以便我可以解析它们。但每当我运行此代码并调用“alert(txt)”时，仅返回字符串“[object document]”，而不返回 xml 数据。代码如下:

function getVideoHTML()
{
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET","https://gdata.youtube.com/feeds/api/users/aosjeff/uploads",false);
    xmlhttp.send();

    txt = xmlhttp.responseXML;

    if (window.DOMParser)
    {
        parser=new DOMParser();
        xmlDoc=parser.parseFromString(txt,"text/xml");
    }
    else // Internet Explorer
    {
        xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async=false;
        xmlDoc.loadXML(txt);
    }

    //document.getElementById("to").innerHTML=
    //xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
    //document.getElementById("from").innerHTML=
    //xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
    //document.getElementById("message").innerHTML=
    //xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
    alert(txt);
}

这是一个问题。我想另一个是如何使用解析器——我已经读过但仍然不明白。大家能解释一下它是如何工作的吗？我知道我搜索某个标签 - 然后它会为我提供该标签中的元素列表。但我如何浏览该列表呢？

干杯，感谢您的宝贵时间

西蒙

Answer 1

您不必使用 DOMParser 解析 responseXML 属性，因为它已经是一个 XML 对象。使用字符串到 xml 解析方法(推荐)，或将 responseXML 属性替换为 responseText。

txt = xmlhttp.responseXML; // <-- This is a XML document object

if (window.DOMParser) {
    parser = new DOMParser();
    xmlDoc=parser.parseFromString(txt,"text/xml"); // <--- txt should be a string
} else {....}

应该是:

xmlDoc = xmlhttp.responseXML;