在Spotify API Javascript+添加到服务器中搜索跟踪

我正在web2py和vue.js上构建一个web应用程序，理想情况下，它可以搜索Spotify歌曲，列出结果，并允许我将选定结果添加到存储在服务器上的播放列表中

我目前一直在尝试实现Spotify搜索功能。他们的文档不是很全面，我只是一个初学者

我想能够输入任何东西在搜索播放按钮，曲目标题，艺术家或专辑，获得一个结果列表，并显示在我的网站上的表格标题，艺术家，专辑，专辑封面，持续时间等。。。我不知道SpotifyAPI上的哪些函数可以用来实现这一点

列出结果后，我希望能够选择一首歌曲并将其添加到存储在服务器中的播放列表中。我知道如何进行POST请求并将项目添加到数据库中，但我不知道如何从列表中选择特定结果并将其信息以JSON格式发送到服务器。我想我不明白我的歌曲表上的每一行如何链接到我可以传递给服务器的特定JSON对象

---

下面是一个获取Linkin Park's Numb轨迹信息的示例。因此，现在您所要做的就是将所有这些命令转换为Javascript，使用ajax或

步骤1：获取曲目id

步骤2：获取访问令牌

您的\u客户端\u凭据是您的ClientId:ClientSecret，您可以使用此函数获取它：

btoa('YOUR_CLIENT_ID:YOUR_CLIENT_SECRET')

执行ajax请求实际上有点棘手，Spotify希望您在服务器端执行，我建议您参考以下链接：

步骤3：获取音频功能

假设轨迹id为2nLtzopw4rPReszdYBJU6h：

$.ajax({
   url: 'https://api.spotify.com/v1/audio-features/2nLtzopw4rPReszdYBJU6h',
   headers: {
       'Authorization': 'Bearer ' + 'YOUR_ACCESS_TOKEN'
   },
   success: function(response) {
       console.log(response);
   }
});

---

从数据库中检索数据实际上取决于您如何设计数据库以及存储何种信息，因此应该非常简单。

感谢您的回复！如何在Javascript文件上设置这些get和ajax请求？我是否需要在文件开头获取访问令牌？我需要下载什么吗？在检索曲目和处理返回的json时，我是否只调用get？除了在Javascript中调用get之外，不需要做任何额外的事情就可以完成步骤1。这将返回一个搜索结果列表，其中包含歌曲的Spotify链接、专辑名称和艺术。然而，如果你想获得一首单曲的额外信息，比如持续时间和它的音频特性，你需要访问令牌。为了做到这一点，你必须在上创建一个应用程序，并获取客户端id和客户端机密。访问令牌有一个过期时间，您不需要每次都获取它，只要在它过期时获取一个新的即可。

btoa('YOUR_CLIENT_ID:YOUR_CLIENT_SECRET')

curl -X GET "https://api.spotify.com/v1/audio-features/YOUR_TRACK_ID" -H "Authorization: Bearer {YOUR_Access-TOKEN}"

$.ajax({
   url: 'https://api.spotify.com/v1/audio-features/2nLtzopw4rPReszdYBJU6h',
   headers: {
       'Authorization': 'Bearer ' + 'YOUR_ACCESS_TOKEN'
   },
   success: function(response) {
       console.log(response);
   }
});