Как вызвать Spotify API с помощью Ajax / Jquery? - PullRequest
Новая
       19

Как вызвать Spotify API с помощью Ajax / Jquery?

1 голос
/ 08 апреля 2019

Заранее прошу прощения за то, что я настоящий новичок, но мне действительно нужно вызвать этот API для моего школьного проекта, и я не знаю, как это сделать. Мне нужно получить Json из этого API, но я не знаю, как его получить. Я хочу иметь такую ​​информацию с моим 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/

Всем хорошего дня,

Заранее спасибо за помощь

1 Ответ

1 голос
/ 08 апреля 2019

У вас есть несколько опечаток, вот как это должно быть: 

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/

...