如何使用Ajax / Jquery调用Spotify API？

Question

我很抱歉作为一个真正的初学者，但我真的需要为我的学校项目调用这个API，我不知道该怎么做。我需要从这个API获取Json但我不知道如何获得它。我想在我的console.log中使用这种类型的信息：

{
  "albums": {
    "href": "https://api.spotify.com/v1/browse/new-releases?country=FR&offset=5&limit=20",
    "items": [
      {
        "album_type": "album",
        "artists": [
          {
            "external_urls": {
              "spotify": "https://open.spotify.com/artist/1OCpqnXexjxrakYtmur3rN"
            },
            "href": "https://api.spotify.com/v1/artists/1OCpqnXexjxrakYtmur3rN",
            "id": "1OCpqnXexjxrakYtmur3rN",
            "name": "Les Enfoirés",
            "type": "artist",
            "uri": "spotify:artist:1OCpqnXexjxrakYtmur3rN"
          }

我想保留最新版本并在我的网站上显示。

var accessToken = "XXXXX";
$.ajax({
    url: 'https://api.spotify.com/v1/browse/new-releases',
    type: 'GET',
    data: 'name',
    headers {
        'Authorization' : 'Bearer ' + accessToken;
    },
    success: function(data) {
        console.log(data);
    }
});

但我认为我的代码根本不好。这是jsfiddle：https://jsfiddle.net/12wx7m8c/

祝你有美好的一天，

在此先感谢您的帮助

Answer 1

你有几个拼写错误，这里应该是这样的：

var accessToken = "XXXXX";
$.ajax({
    url: 'https://api.spotify.com/v1/browse/new-releases',
    type: 'GET',
    headers: {
        'Authorization' : 'Bearer ' + accessToken
    },
    success: function(data) {
        console.log(data);
    }
});

此外，现在您将获得401错误，因为您需要将accessToken =“XXXX”行替换为您从spotify获得的真实访问令牌。

编辑：这是如何获得访问令牌https://developer.spotify.com/documentation/general/guides/app-settings/