javascript - 将 ajax 调用的响应存储在 ember 中

Question

我是 ember 和 JavaScript 的新手。我设计了一个 ember 应用程序并将 Facebook 登录集成在其中。现在我必须将 Facebook 登录的 access_token 发送到应用程序后端(发布请求)并获取由后端(django)。我还需要存储新 token 以供将来调用后端。

发布请求响应

{
  "token": "b0fb466a6eac3ad87",
  "signup_done": true
}

Controller

import Ember from 'ember'; 
/* global FB */

export default Ember.Controller.extend({ 
getLoginStatus: function() {
  return new Ember.RSVP.Promise(function(resolve, reject) {
    FB.getLoginStatus(function(response) {
      if (response.status) {
        resolve(response.status);
      } else {
        reject();
      }
    });
  });
}, 
getAccessToken: function() {
  return new Ember.RSVP.Promise(function(resolve, reject) {
    FB.login(function(response) {
      if (response.authResponse) {
        console.log("accesstoken>>>>>>>>>"+response.authResponse.accessToken);
        resolve(response.authResponse.accessToken);
      } else {
        reject(response);
      }
    }, { scope: 'email,user_photos,user_friends' });
  });
},

 authenticate: function(accessToken) {
    console.log("accesstoken<<<<<<<<<<<             "+accessToken);
      Ember.$.ajax({
        url: 'http://example.com/api/',
        data:{
          access_token: accessToken,
          provider:'facebook'
        },
        type: 'post',
        success:function(data){
          console.log('data>>>'+this.get(data));
        }
      });
  },

 testAPI:function() {
    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {
      console.log('Successful login for: ' + response.name);
    });
},



   actions: {
    fblogin: function() {
      var self = this;
      this.getLoginStatus().then(function() {
        self.getAccessToken().then(function(accessToken) {
          self.authenticate(accesstoken)
            self.testAPI();
            console.log('success')
          }, function(reason) {
            console.log('failure', reason);
          });
        });

    },
    carousel:function (result) {
          var photos=result.photoThumbs
          this.set('model.photos',photos)
          console.log(this.get("model.results"));
          },
  }

});

我能够对后端服务器进行 ajax 调用并获取响应。但不确定如何保存新 token 以供将来使用。

Answer 1

如果我理解你的问题正确，那么你可以使用 localStorage 或 sessionStorage 保存 token 以供将来使用。

$.ajax({
  url:url,
  data:data,
  success: function(res) {
    localStorage.token = res.token;
    sessionStorage.token = res.token;
  }
});