Question

我正在创建一个 Yahoo！小部件并且之前没有任何问题（创建小部件）。我通过网络链接获得 xml文档，并希望将所有节点介绍为树。我这样做：

var request = new XMLHttpRequest();
        request.open( "GET", url, false );
        request.send();
        if ( request.status == 200 )
        {
            doc = request.responseXML;
            tree = doc.evaluate("/lfm");
            status = tree.item(0).getAttribute("status")
            if(status == "ok")
            {
                print ("status is ok!");
                tracks = doc.evaluate("/lfm/recenttracks[1]/track");
                for(i=0;i<tracks.length;i++)
                {
                    artist = tracks.item(i).firstChild.firstChild.data;
                }
            }
        }
    }

通过这种方式，您可以从树中获取节点艺术家。如果你想拥有下一个兄弟，那就有问题了。你必须致电

tracks.item(i).firstChild.nextSibling.firstChild.data;
tracks.item(i).firstChild.nextSibling.nextSibling.firstChild.data;
tracks.item(i).firstChild.nextSibling.nextSibling.nextSibling.firstChild.data;

完成这项工作。旁边的节点会向其添加'nextsibling'，依此类推。我不想继续添加这些节点，并认为可以像这样使用 childNodes [i] ：

artist = tracks.item(i).childNodes[0].firstChild.data;
nextitem = tracks.item(i).childNodes[1].firstChild.data;

这不起作用。它以任何我使用它的方式返回“childNodes [0]没有属性”。现在我认为在 Xpath 中还有一种方法可以在for循环中执行此操作：

name = doc.evaluate("string(/lfm/recenttracks[1]/track["+i+"]/name)");
                    print(name);
othernode = doc.evaluate("string(/lfm/recenttracks[1]/track["+i+"]/album)");
                    print(othernode);

然后为下一首曲目增加 i 。但不知何故，这只返回一个项。它不会在 for -loop中检索更多项目。 i-1 也不起作用。

任何人都知道如何使用带有i值的Xpath表达式来选择节点，然后获得每个超节点的子节点？每曲目我想获得艺术家，姓名，流媒体，同上，专辑，网址，图片（小），图片（中），图片（大）和日期。

我的xml文件如下所示：

<lfm status="ok">
   <recenttracks user="xaddict">
      <track nowplaying="true"> 
         <artist mbid="f5b8ea5f-c269-45dd-9936-1fedf3c56851">The Presets</artist>
         <name>Girl (You Chew My Mind Up)</name>
         <streamable>1</streamable>
         <mbid></mbid>
         <album mbid="b150d099-b0f3-4feb-9a05-34e693c6dd24">Beams</album>
         <url>http://www.last.fm/music/The+Presets/_/Girl+%28You+Chew+My+Mind+Up%29</url>
         <image size="small">http://userserve-ak.last.fm/serve/34s/8696437.jpg</image>
         <image size="medium">http://userserve-ak.last.fm/serve/64s/8696437.jpg</image>
         <image size="large">http://userserve-ak.last.fm/serve/126/8696437.jpg</image>
         <date uts="1236440600">7 Mar 2009, 15:43</date>
      </track>
      <track > 
         <artist mbid="f5b8ea5f-c269-45dd-9936-1fedf3c56851">The Presets</artist>
         <name>Get Outta Here</name>
         <streamable>1</streamable>
         <mbid></mbid>
         <album mbid="0469956f-d895-4120-8ec5-29ad41b9e2fd">Blow Up</album>
         <url>http://www.last.fm/music/The+Presets/_/Get+Outta+Here</url>
         <image size="small">http://userserve-ak.last.fm/serve/34s/20923179.png</image>
         <image size="medium">http://userserve-ak.last.fm/serve/64s/20923179.png</image>
         <image size="large">http://userserve-ak.last.fm/serve/126/20923179.png</image>
         <date uts="1236440242">7 Mar 2009, 15:37</date>
      </track>
   </recenttracks>
</lfm>

Answer 1

试试这个

 for (var i = 0; i < xmlDoc.getElementsByTagName('track').length; i++)
            {
                alert(xmlDoc.getElementsByTagName('track')[i].getElementsByTagName('name')[0].childNodes[0].nodeValue); 
            }

如果你想使用xpath，你也可以尝试下面的解决方案。

var s = xmlDoc.evaluate( '//track' ,xmlDoc, null, XPathResult.ANY_TYPE, null );
var track = s.iterateNext();

while (track)
{
     alert(track.getElementsByTagName('name')[0].textContent );
     track = s.iterateNext();
}

Answer 2

您可以发布相关的XML片段吗？我们正在查看解析它的代码，但如果我们拥有XML本身，那么构建Xpath查询会更容易。最有用的是具有

等元素的位

<lfm>
    <recenttracks>
        <track>
            <album>

等

Answer 3

完全支持Xpath的方法是在Xpath中使用字符串转换。我已经发布了这个代码作为另一个问题的答案，并将再次这样做。我很高兴我发现了这种做事方式。

var entries = xmlDoc.evaluate("lfm/recenttracks/track");
var length = entries.length;
for(var i = 0; i &lt; length; i++) {
   var entry = entries.item(i);
   var obj = {
      artist: entry.evaluate("string(artist)"),
      name: entry.evaluate("string(name)"),
      url: entry.evaluate("string(url)"),
      image: entry.evaluate("string(image[@size='medium'])")
   };
posts[i] = obj;
}

如何在Yahoo!中使用Xpath遍历树的小部件？

3 个答案: