如何使用 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/

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

How to call Spotify API with Ajax / Jquery?

ajax

jquery

spotify