javascript - 存储 javascript 变量并在 HTML 中显示它们的值？

Question

我是 Javascript 的新手，我正在使用网站的 API 在用户完成网站的授权流程后尝试获取有关用户的一些信息，但我无法理解如何存储(供以后访问)响应从网站上。

假设这是我对网站的“用户”对象的请求:

    // POST for user object 
    $.post("https://api.twitch.tv/kraken/oauth2/token", {
        client_id: clientID,
        client_secret: clientSecret,
        grant_type : 'authorization_code',
        redirect_uri: redirectURI,
        code: user_code},
  function(data) {
    grabUserAccessTok(data);
  });

现在，我正在将响应传递给 grabUserAccessTok()，但是如果我想存储此响应以便我可以在我的网页上的不同时间显示所有响应的不同属性怎么办？我如何存储此响应？我将如何访问存储的响应以将其显示在我的网页上，例如 <div>元素？

Answer 1

您已经将响应传递给函数。这意味着您已经拥有数据。

请注意:根据twitch API () 您不会从此请求中获得用户名。

因此，为了获得用户，您需要更新您的发布请求。

在您获得发布请求后相当简单，Twitch 返回 JSON，因此您可以使用 $.parseJSON获取对象中的数据。

 // POST for user object 
    $.post("https://api.twitch.tv/kraken/oauth2/token", {
        client_id: clientID,
        client_secret: clientSecret,
        grant_type : 'authorization_code',
        redirect_uri: redirectURI,
        code: user_code},
  function(data) {
var obj = $.parseJSON( data ); //parses the JSON
var user = obj.user; //reads the element user from the JSON
$( body ).append( user ); //I wouldnt advice doing it like this but for demonstrating purposes...
    grabUserAccessTok(data);
  });

最好将此代码写在您的 grabUserAccessTok 中，并将 UI 部分与检索/解析部分分开