问题描述
我正在尝试向公共Spotify播放列表发出get请求以获取关注者人数,然后将其注入div的内部HTML中。就这么简单。
我一般来说对API和JS还是有点陌生,所以我想问问是否有人要看看我在做什么错。
JS代码如下:
const updateSpotify = (function() {
const clientId = 'aa81a434672045ccb5c9b40029359183';
const clientSecret = '456aea5802484cc5b83e35e05a40c623';
const _getToken = async () => {
const result = await fetch('https://accounts.spotify.com/api/token',{
method: 'POST',headers: {
'Content-Type' : 'application/x-www-form-urlencoded','Authorization' : 'Basic ' + btoa(clientId + ':' + clientSecret)
},body: 'grant_type=client_credentials'
});
const data = await result.json();
return data.access_token;
}
const _getPlaylist = async (token) => {
const result = await fetch(`https://api.spotify.com/v1/playlists/1Vt3ahELCdZ6tEAYUy8mNy`,{
method: 'GET',headers: { 'Authorization' : 'Bearer ' + token}
});
const data = await result.json();
document.getElementById("followers").innerHTML = data.followers.total;
document.getElementById("cover-image").src = data.images.total;
return data;
}
_getPlaylist(_getToken()); });
<body class="overview" onload="updateSpotify();">
有人能看到这里出了什么问题吗?
解决方法
尝试使用curl
并查看它是否有效:
curl -X GET "https://api.spotify.com/v1/playlists/1Vt3ahELCdZ6tEAYUy8mNy" -H "Authorization: Bearer {your access token}"
我认为您代码中的问题是_getToken()
返回的是Promise
而不是token
的值。尝试像这样呼叫_getPlaylist
:
_getToken().then(function(token) {
_getPlaylist(token);
})