本机javascript rest api调用

Question

我正在尝试进行api调用，以在不使用任何js框架的情况下使用本机javascript获取Spotify专辑。 我遇到无法使用本机js发送Oauth令牌的问题。 对于Spotify，我有客户端ID和客户端代码。 我可以使用它或Oa

(function() {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "https://api.spotify.com/v1/albums", false);
    xhr.send();
    document.getElementById("results").innerHTML = xhr.responseText;
})();

Answer 1

function request(callback) {

  var xobj = new XMLHttpRequest();
                 // true parameter denotes asynchronous
  xobj.open('GET', YOUR_URL_HERE, true);
  xobj.onreadystatechange = function () {
        if (xobj.readyState == 4 && xobj.status == "200") {
          // This marks that the response has been successfully retrieved from the server
          // Utilize callback
          callback(xobj.responseText);
        }
  };
  xobj.send(null);
}

我绝对建议您看看Frobber提供的链接。 总是总要了解为什么某事不起作用，而不是仅仅使它起作用。 这是一个模拟请求，可帮助您入门。 希望这可以帮助！

Answer 2

我认为您需要阅读有关如何使用XMLHttpRequest的基本教程，您可以在这里找到

代码的一个直接问题是它没有使用任何回调来读取从服务器返回的结果。 所有这些都是异步发生的，因此在您的情况下，您正在send()请求，然后立即将innerHTML设置为服务器可能还不可用的值。

查看教程，了解如何在服务器准备就绪时从服务器取回该信息。

注意使用myFunction回调，并注意使用onreadystatechange 。 这里发生的是send()在单独的执行线程中向服务器发送内容。 您需要注册一个回调函数，当服务器报告该数据可用时（ 而不是立即），该回调函数将执行数据获取和DOM更新。