API 获取请求

Question

我是编码新手，所以这可能是一个简单的修复，但我不确定我做错了什么。我正在构建一个使用Spotify's API 的程序。

我不会撒谎，这不是一个超级有用的程序哈哈，但你所做的就是为艺术家输入一个 ID 值，我希望它返回所有专辑的列表。下面是一个 id 的例子：4P0dddbxPil35MNN9G2MEX

这是我收到的错误消息：

https://api.spotify.com/v1/artists/undefined/albums?callback=jQuery111104149643396958709_1449799723013&album_type=album&_=144979972301400（错误请求）。

有人知道为什么我的搜索结果显示为“未定义”吗？

这是我的 JavaScript/jQuery：

var showArtistInformation = function(artistSelect){
    //clone the result template
    var artistResult = $('.searchResults .hiddenTemplates .artistAlbumInformation').clone();
    //Set the name of the artist in the result
    var theArtistName = result.find('.artistName');
    theArtistName.text(artists.name);
    //Get the name of the artist Album
    var theAlbumName = result.find('albumName');
    theAlbumName.text(album.name);
    //Get the genre of the album
    var theAlbumGenre = result.find('albumGenre');
    theAlbumGenre.text(genre.name);
    //Get the tracklisting for each Album
    var theTrackNames = result.find('trackList');
    theTrackNames.text(track.name);

    return artistResult;
}

    var getArtistAlbumInformation = function(artistID){
        //the parameters that we need to pass in our request to Spotify's API
        var request = {
            album_type: "album"
        };

        $.ajax({
            url: "https://api.spotify.com/v1/artists/" + artistID + "/albums",
            data: request,
            dataType: "jsonp",
            type: "GET",
        })
        //What the function should do if successful
        .done(function(result){
            $.each(result.items, function(i,item){
                var artistReturnedResult = showArtistInformation(item);
                $('.artistAlbumInformation').append(artistSelect);

            })

        })
        //What the function should do if it fails
        .fail(function(jqXHR, error){
            var errorElem = showError(error);
            $('.search-results').append(errorElem);
        });


    }

//Clicking the submit button activates the function that gets the results
$(document).ready(function() {

    /*Clicking the Search Button*/
        $('.searchButton').on('click',function(event){
            event.preventDefault();
            //Zero out results if previous results have run
                $('.albumArtistInformation').html('');
            //End User Input
            var userSearch = $(this).find("input[name='musicalArtist']").val();
            getArtistAlbumInformation(userSearch);


        });



})

Answer 1

https://api.spotify.com/v1/artists/undefined/albums?callback=jQuery111104149643396958709_1449799723013&album_type=album&_=144979972301400

强调我的。您为函数提供的艺术家 ID 未定义。这意味着无论您从哪里调用此函数，都是您的错误所在。在您的代码中尝试console.log(artistID); 以亲自查看。

var userSearch = $(this).find("input[name='musicalArtist']").val(); 是您的问题所在。

您正在使用$(this) 进行选择，在单击功能的上下文中，它是实际的搜索按钮。所以你试图在你的按钮中找到musicalArtist，这是没有意义的。

尝试改用这个：

var userSearch = $("input[name='musicalArtist']").val();

请确保您没有多个具有该名称的输入，因为该选择器可能会返回多个元素。

Answer 2

将 jQuery 查找更改为：

var userSearch = $("input[name='musicalArtist']").val();

this 指的是触发点击事件的按钮。

Answer 3

如果你想获取专辑 ID，你需要使用 url https://api.spotify.com/v1/albums/AlbumID，如果你想获取艺术家信息，那么使用 url https://api.spotify.com/v1/artist/ArtistID 现在你正在定义一个未定义的艺术家，然后将专辑放在后面，我也尝试过对这两个都使用这个 id，但 id 是无效的，所以你需要找到正确的 id 这里是一个工作 url 来查找专辑点击这个，你会看到一个有效的响应 https://api.spotify.com/v1/albums/0sNOF9WDwhWunNAHPD3Baj?callback=jQuery111104149643396958709_1449799723013&&type=album