如何使用 Javascript 或 jQuery 解析 xml webservice 响应

Question

我想使用以下 xml web 服务。 www.musicbrainz.org/ws/2/artist/? query=artist:michael jackson

其格式如下：

<metadata><artist-list offset="0" count="3418"><artist ext:score="100" type="Person" id="f27ec8db-af05-4f36-916e-3d57f91ecf5e"><name>Michael Jackson</name><sort-name>Jackson, Michael</sort-name><gender>male</gender><country>US</country>

我只想解析这个 xml &从中获取性别。 我使用以下代码来解析 xml 。 在这里我得到了艺术家的 ext 属性但不起作用。

    $.ajax({
        type: 'GET',
        url: 'http://www.musicbrainz.org/ws/2/artist/?query=artist:michael jackson',
        dataType: 'xml',
        success: function(xml){
           // console.log(xml);
            $(xml).find('artist-list').each(function(){
            $(this).find('artist').each(function(){
                            var ext = $(this).attr('ext');
                            alert(ext);
                    });
            });
    }

});

任何人都可以建议我使用 Javascript 或 jQuery 解析 xml 的示例。

Answer 1

$.ajax({ 
    type: 'GET', 
    url: 'http://www.musicbrainz.org/ws/2/artist/?query=artist:michael jackson',
    dataType: 'xml', 
    success: function(xml){ 
       $("artist", xml).each(function(){
           console.log($("gender", this).text());
       });
    }
});

更新：

刚刚检查了网络服务，我发现并非每个艺术家都指定了性别标签。在这种情况下，您可以使用以下内容：

    $("artist", xml).each(function(){
         var gender = $("gender", this);
         if(gender.length>0)
             console.log($(gender).text());
    });

请参阅此处的 JSFiddle 演示。