[英]How can I add a callback to a function with multiple async calls in JavaScript?
function jsoncall(){
$.getJSON("http://localhost:3000/data", function (data) {...});
$.getJSON("http://localhost:3000/data", function (data) {...});
}
jsoncall.callback(function(){
//do stuff
});
类似于上面的伪代码。 JavaScript中是否有一种方法可以考虑上述getJSON
类的异步调用?
使用Deferred:[ https://api.jquery.com/jquery.deferred/] [1 ]
function jsoncall(){
var $def = $.Deferred();
$.getJSON("http://localhost:3000/data", function (data) {
$def.resolve(data);
});
return $def;
}
jsoncall.done(function(data){
//do stuff
});
如果您要问的是我的想法,则需要在函数中实现callback
。
function jsonCall(callback) {
$.getJSON('http://localhost:3000/data', function(data) {
....
callback(data);
});
}
jsonCall(function(data) {
...
});
创建一个utils.js并将您的ajax函数放在需要的地方调用它。
//utils.js
function doAjax(callbackFunc, method, url) {
var xmlHttpReq = new XMLHttpRequest();
xmlHttpReq.open(method, url);
xmlHttpReq.onreadystatechange = function() {
if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) {
callbackFunc(xmlHttpReq.responseText,buttonArrayInit);
}
}
xmlHttpReq.send(null);
}
function loadMyJson(categoryValue){
if(categoryValue==="veg")
doAjax(print,"GET","http://localhost:3004/vegetables");
else if(categoryValue==="fruits")
doAjax(print,"GET","http://localhost:3004/fruits");
else
console.log("Data not found");
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.