Javascript 使用POST和GET通过端点交换数据

Javascript 使用POST和GET通过端点交换数据,javascript,json,post,get,spotify,Javascript,Json,Post,Get,Spotify,我正试图用它来构建一个web应用程序,但是我发现他们的教程还不够。其工作方式是使用POST和GET功能请求数据,并使用JSON发送回数据。看起来很简单,想了解关于艺术家的信息吗?只需调用GEThttps://api.spotify.com/v1/artists/0OdUWJ0sBjDrqHygGUXeCF您将获得一个漂亮的JSON文档,其中包含有关所请求艺术家的信息 问题是我不知道怎么打电话。jQuery的get和post方法都带有“data”参数,但我不确定所需的语法,特别是在将授权代码交换为

我正试图用它来构建一个web应用程序,但是我发现他们的教程还不够。其工作方式是使用POST和GET功能请求数据,并使用JSON发送回数据。看起来很简单,想了解关于艺术家的信息吗?只需调用GET
https://api.spotify.com/v1/artists/0OdUWJ0sBjDrqHygGUXeCF
您将获得一个漂亮的JSON文档,其中包含有关所请求艺术家的信息

问题是我不知道怎么打电话。jQuery的get和post方法都带有“data”参数,但我不确定所需的语法,特别是在将授权代码交换为访问令牌时。如果您访问并滚动到授权代码流程的步骤4,您可以看到我需要对https://accounts.spotify.com/api/token。调用必须有3个请求主体参数和1个头参数,并且在后续调用时,响应主体中会有一个包含适当数据的JSON文件

我的问题是如何进行具有主体参数和标题参数的POST和GET调用,以及如何在成功调用后从响应主体中提取JSON数据?

正如您从他们的示例中看到的,他们的getUserData请求只是一个简单的ajax调用,其中包含url和标题对象(包含与accessToken连接的前缀字符串)作为参数:

    function getUserData(accessToken) {
        return $.ajax({
            url: 'https://api.spotify.com/v1/me',
            headers: {
               'Authorization': 'Bearer ' + accessToken
            }
        });
    }
通常,当您需要在
$.ajax
调用中传递参数时,只需按照上面所示进行操作,或者先构造一个对象,然后像这样包含它:

YourObj = {
   url: "your url here",
   param2: "param val 2",
   param3: "param val 3",
   ...
}

$.ajax(YourObj).done(function(data){
   //do something with the returned data here, e.g.
   console.log("data: ", data);
});
如果您的参数依赖于其他不太容易获得的值,则此方法非常有用