问题描述
我需要同时进行两个API调用。并且其中一个回调必须在另一个之前执行。但是按顺序进行呼叫很慢,并且不利于用户体验:
axios.get("/get_some_data").then(function(resp) {
do_some_operation();
axios.get("/get_other_data").then(function(resp) {
do_other_operation(); // Needs /get_some_data and /get_other_data both be done
});
});
});
使用std::conditional_variable在C ++中使用以下伪(C ++ 17 ish)代码,可以很容易地进行并行调用并等待另一个调用
std::conditional_variable cv;
std::mutex mtx;
get_request("/get_some_data",[&](auto&& resp){
do_some_operation();
// Notify that the operation is complete. The other callback can proceed
cv.notify_all();
});
get_request("/get_other_data",[&](auto&& resp){
// Wait until someone notify the prevIoUs task is done
std::lock_guard lk(mtx);
cv.wait(lk);
do_other_operation();
});
我在各种网站上进行了搜索。但是我不认为JavaScript附带std::conditional_variable
甚至std::mutex
之类的东西。我该如何发出并行请求,但使回调等待另一个请求?
解决方法
听起来像您想要的东西
const some = axios.get("/get_some_data").then(res => {
do_some_operation()
return res
})
const other = axios.get("/get_other_data")
Promise.all([some,other]).then(([ someRes,otherRes ]) => {
do_other_operation()
})
这将同时调用两个URL。
当第一个解析时,它将调用do_some_operation()
。此(大概)同步操作已成为some
承诺解决方案的一部分。 HTTP请求完成后,other
承诺就会解决。
some
和other
的诺言都得到解决后,致电do_other_operation()
Promise.all([
get_request("/get_some_data"),get_request("/get_other_data")
]).then( function(responses) {
console.log(responses);
// do what you want
do_some_operation();
do_other_operation();
}).catch(function(error) {
console.error(error.message);
});
OR
Promise.all([
get_request("/get_some_data").then(function (resp) {
do_some_operation();
return resp;
},get_request("/get_other_data")
]).then( function(responses) {
console.log(responses);
// do what you want
do_other_operation();
}).catch(function(error) {
console.error(error.message);
});