我有一个 .each 函数,其中每个“每个”都有一个 ajax 调用。在继续进行另一个 ajax 调用之前,我需要等待它们全部完成。我正在使用此处找到的解决方案。疯狂的是,一旦我在 end 函数中更改了 Ajax 调用的 url,它就停止了工作;该函数不会等待所有 ajax 调用完成。
var iarr=[];
$.getJSON("http://dbpedia.org/sparql?default-graph-uri=blablbla-get several-links", {},
function (data) { //links returned through json
var def = [];
$.each(data.results.bindings, function () {
var tlink = this.link.value;
def.push(getmeta(tlink)); //get the meta values for each link
});
$.when.apply($, def).done(postmetas());
});
getmeta 函数如下所示:
function getmeta(lnk){
var dfd=$.Deferred();
$.ajax({
url: "meta.php",
type: "POST",
data: {url: lnk},
dataType: "json",
async: true,
success: function (r) {
if (r !==null){
iarr.push({
"title": r.title,
"desc": r.desc,
"url": r.url
});
dfd.resolve();
}
}
});
return dfd.promise();
}
最后是 postmetas 函数,在所有 getmeta 完成之前不应调用该函数:
function postmetas(){
$.ajax({ //
url: "meta.php",
type: "POST",
data: {url: wik},
dataType: "json",
success: function (r) {
iarr.push({
"title": r.title,
"desc": r.desc,
"url": r.url
});
console.log(iarr);
}
});
}
}
这很好用,在完成所有 ajax 调用之后,日志会为我提供 iarr 数组中的所有值。
事情是这样的:当我将 postmetas 函数更改为以下内容时,整个事情都停止了工作,并且在所有“getmeta”完成之前调用了 postmetas。谁能弄清楚为什么?
function postmetas() {
$.ajax({
url: "http://dbpedia.org/sparql?default-graph-uri=blabla-some-text",
dataType: "json",
success: function (r) {
var descr = r.results.bindings[0].abstract.value;
var subtitle = descr.substr(0, descr.indexOf('. '));
iarr.push({
"title": wtitle, //wtitle is a variable we established before
"desc": subtitle,
"url": wurl //wurl is a variable we established before
});
console.log(iarr);
}
});
}