[英]Javascript callback() for two functions
I have two questions regarding the callback on JavaScript. 关于JavaScript回调,我有两个问题。
First: Does the for
loop run asynchronously? 第一: for
循环是否异步运行? That is, in the function: 也就是说,在函数中:
function postData(items, callback)
{
for(var i=0 ; i < items.length ; i++)
{
//angularjs Post request
$http.post("http://www....", item[i]);
}
callback();
}
Will the callback()
wait until the cycle is finished? callback()
等到循环完成吗?
Second: How can I wait for a callback of two functions? 第二:如何等待两个函数的回调?
I have another function deleteData(items, callback)
that I want to run async with the postData()
. 我还有另一个函数deleteData(items, callback)
,我想与postData()
异步运行。 When the two are done I want to do some "refresh". 当两个完成时,我想做一些“刷新”。
For now I'm using: 目前,我正在使用:
function postData(items, callback)
{
for(var i=0 ; i < items.length ; i++)
{
//angularjs Post request
$http.post("http://www....", item[i]);
}
callback();
}
function deleteData(items, callback)
{
for(var i=0 ; i < items.length ; i++)
{
//angularjs delete request
$http.delete("http://www....", item[i].id);
}
callback();
}
function refresh()
{
$http.get("www....").success....
}
function doit(post, delete)
{
postData(post, function(){
deleteData(delete, function(){
refresh();
})
});
}
Is it possible to make postData
and deleteData
run assync and when the both are done run the refresh
? 是否可以使postData
和deleteData
以postData
deleteData
运行,并且当两者都完成时运行refresh
吗?
----- EDIT ----- -----编辑-----
To make sure that the callback is send after the cycle is done, I use the code like this: 为了确保在循环完成后发送回调,我使用如下代码:
function postData(items, callback)
{
if(items.length == 0)
callback();
for(var i=0 ; i < items.length ; i++)
{
//angularjs Post request
$http.post("http://www....", item[i]);
if(i == items.length-1)
callback();
}
callback();
}
But it looks ugly... I was hoping for a cleaner solution... 但是看起来很丑...我希望有一个更干净的解决方案...
replying to Ivan, Angular has also callback for the http requests, I don't need to use $ajax and I don't want to callback for each http request 回复Ivan,Angular也对HTTP请求进行了回调,我不需要使用$ ajax,并且我不想为每个HTTP请求进行回调
Yes, using the $q promise library, you can achieve that. 是的,使用$ q promise库,您可以实现。 If you are using angular, $q is already in your project, just include it in the service/controller you are using. 如果您使用的是angular,则$ q已经在您的项目中,只需将其包含在您使用的服务/控制器中即可。
$q.all does exactly what you are looking for. $ q.all确实可以满足您的需求。
Example of how it would look: 外观示例:
var promises = [];
// loop x times
for(var i = 0; i < items.length; i ++){
var promise = $http.post("http://www....", item[i]);
promises.push(promise);
}
// Refresh will be called when all posts are completed.
$q.all(promises).then(refresh);
First: no, it will not wait. 第一:不,它不会等待。
Second: Use $.ajax : 第二:使用$ .ajax :
function postData(items, callback)
{
for(var i=0 ; i < items.length ; i++)
{
$.ajax({
url: "http://www....",
...........
}).done(function() {
callback();
});
}
}
Or alternatively vanilla JS: 或者使用香草JS:
function postData(items, callback)
{
for(var i=0 ; i < items.length ; i++)
{
var r = new XMLHttpRequest();
r.open("POST", "http://www....", true);
r.onreadystatechange = function () {
if (r.readyState != 4 || r.status != 200) return;
callback();
};
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.