从ajax调用设置变量

Question

让我们说清楚。 这就是我想要做的：我有一堆从服务器获取的用户数据。 我想缓存数据，以避免每次需要电子邮件或用户名时都向服务器发出请求。

因此，我将构建诸如getEmail，getUsername之类的函数，这些函数使Ajax调用一次并将其保存在一个对象中。 如果再次调用该函数，它将返回缓存的对象。

该应用程序分为模块。 应用包含数据。 这是小提琴： http : //jsfiddle.net/Osoascam/Nk6aw/

（打开控制台以查看结果）

当然要做这样的事情：

var email = Module.Utilities.getEmail();

这是错误的，因为getEmail将调用Ajax函数，因此即使调用完成后，电子邮件也将保持未定义状态。 （我把它放在小提琴中以显示我要实现的目标）。 但是，我无法在getEmail（）函数或调用Ajax的函数中设置变量，因为几个脚本必须能够调用该函数并相应地设置其变量。

最好的方法是什么？ 使通过Ajax调用返回对象的一部分的函数以仅进行一次调用的方式进行...

提前致谢，

奥斯卡

Answer 1

默认情况下，Ajax请求是异步的。 因此， getEmail()应该接受一个回调参数...

Module.Utilities.getEmail = function(next) {
  $.get('/api/getEmail/', function(res) {
    next(res);
  });
};

// when calling the function
Module.Utilities.getEmail(function(email) {
  console.log(email);
});

也就是说，您也可以研究同步ajax请求 ...