如何使用Javascript或jQuery解析xml Web服务响应

Question

我想使用以下xml webservice。 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都有指定的gender标签。在这种情况下，您可以使用以下内容：

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

见JSFiddle Demo here.