如何检查两个ajax请求是否成功

Question

我有两个ajax请求来检查是否有两个图像可用。ajax调用如下：

if (result['img_one'] !== '') {
var src_one = "blah-blah-one.jpg";
$.ajax({url: src_one,
success: function(data, textStatus) {
$("#profile-box").show();
$("#profile-img").attr("src", src_one);
},
error: function(jqXHR, textStatus, errorThrown) {
$('#profile-box').hide();
}
});
}
if (result['img_two'] !== '') {
var src_two = "blah-blah-two.jpg";
$.ajax({url: src_two,
success: function(data, textStatus) {
$("#profile-box").show();
$("#profile-pic").attr("src", src_two);
},
error: function(jqXHR, textStatus, errorThrown) {
$('#profile-box').hide();
}
});
}

现在，我想检查一下以上两个请求是否都成功。如果两个请求都成功返回，因此两个图像都可用，我想在页面中隐藏一个div。

我该怎么查？当请求成功时，我试图设置两个变量，通过if块检查它们的值并隐藏div。然而，在if块之外无法访问它们。任何帮助都将不胜感激。

Answer 1

尝试嵌套ajax调用。在第一个ajax调用的成功函数中定义第二个ajax调用。然后定义您在第二次ajax调用成功时的最终消息