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

时间:2012-02-21 07:42:18

标签: javascript jquery xml-parsing musicbrainz

我想使用以下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&amp;从中获取性别。 我使用以下代码来解析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的例子。

1 个答案:

答案 0 :(得分:3)

$.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.