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

我是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（），但是如果我想存储此响应，以便在网页上的不同时间显示所有不同属性的响应，该怎么办？如何存储此响应？我如何访问存储的响应以在网页上显示它，例如，在

元素中？

很简单：

 var response_from_server = null;// variable for storage the response

 // 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) {
    response_from_server = data; // store the response
    grabUserAccessTok(data);
    $("#div_element_id").text(response_from_server.username);//output
  });

注:

---

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

注意：根据（）的规定，您不会从该请求中获得用户名。

因此，要获得用户，您需要更新post请求

在获得post请求后，Twitch返回JSON非常简单，因此您可以使用它来获取对象中的数据

 // 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部分与检索/解析部分分开

Ok，如果数据对象具有“username”属性，我如何在HTML页面中显示data.username？

 // 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);
  });