JavaScript-无法从onload函数中获取数据（http请求）

Question

因此，我目前正在开发一个正在使用api的程序。

我有两个功能atm：

getBotID（）

function getBotID(domain) {
  var url = "http://" + domain + ":8087/api/v1/botId";
  idRequest.open("GET", url);
  idRequest.onload = function() {
      var botID = JSON.parse(idRequest.responseText);
  };
  idRequest.send();
}

和getAuth（）

function getAuth(domain, user, pass) {
  getBotID(domain);

  var url = "http://" + domain + ":8087/api/v1/bot/login";
  body = '{"username": ' + user + ', "password": ' + pass + ', "botId": ' + botID + '}';
  authRequest.open("POST", url);
  authRequest.setRequestHeader("Content-Type", "application/json");
  authRequest.onload = function() {
      var authToken = JSON.parse(authRequest.responseText);
  };
  authRequest.send(JSON.stringify(body));
}

我必须先获取botID，然后才能尝试获取新的AuthToken，因此我必须立即在getAuth（）函数中调用getBotID（）。

我的问题是：我无法在getBotID（）的http请求的onload（）函数之外获取botID，因为它将像这样运行：

1. 启动getAuth（）
2. 启动getBotID（）
3. 完成getBotID（）
4. 完成getAuth（）
5. 现在完成getBotID（）的onload函数...

我只是无法从onload函数中获取botID数据。 我已经尝试过给您一个回调函数，但是没有用。

Answer 1

我认为这会起作用。 将匿名函数传递给getBotId并在您的第一个请求完成后对其进行回调：

function getBotID(domain, callback) {
  var url = "http://" + domain + ":8087/api/v1/botId";
  idRequest.open("GET", url);
  idRequest.onload = callback;
  idRequest.send();
}

function getAuth(domain, user, pass) {
  getBotID(domain, function() {
    var botID = JSON.parse(this.responseText);
    var url = "http://" + domain + ":8087/api/v1/bot/login";
    body = '{"username": ' + user + ', "password": ' + pass + ', "botId": ' + botID + '}';
    authRequest.open("POST", url);
    authRequest.setRequestHeader("Content-Type", "application/json");
    authRequest.onload = function() {
      var authToken = JSON.parse(authRequest.responseText);
    };
    authRequest.send(JSON.stringify(body));
  });
}

Answer 2

因此，最简单的方法是向getBotIDs idRequest.open（）函数添加一个“ false”参数。 这将导致代码同步，并且onload（）函数将在其余代码运行之前完成。