javascript - 带有 settimeout 的异步 javascript 承诺调用
问题描述
我正在努力实现以下目标:
我要调用 3 个 API 来检索数据:
- 第一个 API 启动一个用于检索数据的作业并为其返回一个 id
- 第二个 API 通知我作业的状态(已完成、已取消……),我需要对该 API 执行多次调用,然后才能调用下一个。
- 第三个 API 是在作业完成时将数据发回给我的 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 块内的主程序中没有任何反应
解决方案
您将需要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 */)
推荐阅读
- machine-learning - 如何学习使用 Vowpal Wabbit 的上下文强盗进行排名?
- node.js - 如何从节点中的回调返回连接
- javascript - VSCode 不对模板字符串中的内容设置样式
- javascript - 如何增加 flex 位置元素的宽度和高度?
- php - 无法从 Laravel 7 中的数组创建对象
- angular - ngValue 的反应形式 patchValue() 不起作用
- visual-studio-code - VS Code - 如何禁用在 XML 中的“/”之后自动插入“>”
- python-3.x - Twisted 如何摆脱 Deferred 中的 Unhandled 错误?
- php - 递归函数仅适用于第一级数组
- javascript - 获取邀请机器人的成员