首页 > 解决方案 > 带有 settimeout 的异步 javascript 承诺调用

问题描述

我正在努力实现以下目标:

我要调用 3 个 API 来检索数据:

我遇到的问题是使用第二个 API,我没有成功将数据发送回我的程序,这是我的代码:

function getJobId(token) {
  return  $.ajax({
    url:  "url" + token;
  });
}

function getJobStatus(job_id) {
  var url = "url" + job_id;
  return  $.ajax({
    url: url
  });
}

getJobStatus(job_id).then(function(response) {
  if (response.jobrun_status === "QUEUED" || response.jobrun_status === "INPROGRESS") {
    //setTimeout(recursiveJobIdCheck(job_id), 2000);
    recursiveJobIdCheck(job_id);
  } else {
    console.log(response.jobrun_status);
    return response.jobrun_status;
  }
});

我确实尝试在对第二个 API 的每次调用之间设置一个超时但没有成功,有人可以向我解释如何实现这一点,同时在每次请求调用之间保持间隔直到工作完成。

先感谢您。

编辑:我忘了在这里添加 recursiveJobIdCheck 函数

function recursiveJobIdCheck2(job_id) {
  return new Promise((resolve,reject) => {
    getJobStatus(job_id).then(function(response){
      if(response.jobrun_status === "QUEUED" || response.jobrun_status === "INPROGRESS"){
        //setTimeout(recursiveJobIdCheck(job_id), 2000);
        recursiveJobIdCheck2(job_id);
      }
      else{
        if(response.jobrun_status === "COMPLETED"){
        console.log(response.jobrun_status);
         resolve(response.jobrun_status);
         }
         else{
           reject(response.jobrun_status);
         }
      }
    });
  });
}

对 api 的调用在完成之前一直在运行,当我通过 Resolve 函数返回值时,.then 块内的主程序中没有任何反应

标签: javascriptjqueryapiasynchronouspromise

解决方案


您将需要async/await处理递归 api 调用以简化代码。

function getJobStatus(job_id){
  var url = "url" + job_id;
  return  $.ajax({
    url : url
  });
}

function queueNextCall () {
  return new Promise(function (resolve, reject) {
    setTimeout(resolve, 2000);
  });
}

async function recursiveJobIdCheck(job_id) {
  var response = await getJobStatus(job_id)
  if(response.jobrun_status === "QUEUED" || response.jobrun_status === "INPROGRESS"){
    await queueNextCall();
    return recursiveJobIdCheck(job_id)
  } else {
    console.log(response.jobrun_status);
    return response.jobrun_status;
  }
}

你所要做的就是打电话

recursiveJobIdCheck(job_id).then(/* Success job function */)

推荐阅读