Home / Questions / 8374
Accepted
Diego
Asked: 2020-04-24 01:18:02 +0800 CST 2020-04-24 01:18:02 +0800 CST

How to access the result of a call to the artist.gettopalbums method of last.fm?

  • 772

I wanted to know how to execute this method of the Lastfm api, it is simple, but I cannot execute it correctly. I know I'm accessing the label wrong

my attempt to use the method:

$.ajax({
        type : 'POST',
        url : 'http://ws.audioscrobbler.com/2.0/',
        data : 'method=artist.gettopalbums&' +
               'artist=cooldplay&' +
               'api_key=57ee3318536b23ee81d6b27e36997cde&' +
               'format=json',
        dataType : 'jsonp',
        success : function(data) {
            $('#success #artistName').html(data.topalbums.artist.name);
           
        },
        error : function(code, message){
            $('#error').html('Error Code: ' + code + ', Error Message: ' + message);            
        }
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="success">
    <div id="artistName"></div>
    <div id="artistImage"></div>
    <div id="artistBio"></div>
</div>
<div id="error"></div>

What would be the correct way to execute the .getTopAlbums method?

javascript

1 Answers

  1. Best Answer

    The error I'm getting in the chrome console is:

    Uncaught TypeError: Cannot read property 'name' of undefined

    This happens because it data.topalbums.artistis undefinedand the reason for this is that it data.topalbumsreturns an object that contains an array called albumand this just contains a list that you could access the first element to get the desired object that you can query theartist.name

    data.topalbums.album[0].artist.name

    Full code below:

    $.ajax({
        type : 'POST',
        url : 'http://ws.audioscrobbler.com/2.0/',
        data : 'method=artist.gettopalbums&' +
               'artist=cooldplay&' +
               'api_key=57ee3318536b23ee81d6b27e36997cde&' +
               'format=json',
        dataType : 'jsonp',
        success : function(data) {
            $('#success #artistName').html(data.topalbums.album[0].artist.name);
           
        },
        error : function(code, message){
            $('#error').html('Error Code: ' + code + ', Error Message: ' + message);            
        }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="success">
    <div id="artistName"></div>
    <div id="artistImage"></div>
    <div id="artistBio"></div>
</div>
<div id="error"></div>

    • 1