javascript - JQuery $.when 与 ajax 数组

Question

这个问题已经有答案了:

Pass in an array of Deferreds to $.when() (9 个回答)

已关闭 9 年前。

我正在尝试获取$.when使用我的代码。情况是我有一个方法可以触发大量 Ajax 请求，并且我想在请求 rune 时向用户显示一个加载屏幕。什么时候，这样我就可以在之后隐藏它。鉴于我所了解的$.when下面的代码应该可以工作，但是when函数永远不会被触发。

self.createTaggingDialog(self);
var ajaxArray = new Array();
self.containers.each(function () {
    var ImageClass = $(this).ImageTags();
    if (ImageClass != null) {
        ajaxArray.push(ImageClass.TagUser(ImageClass, username));
    }
});
$.when(ajaxArray, function () {
    console.log("DONE!");
    self.RemoveTagggingDialog(self);
});

这里是 ajaxArray 的值当它达到 $.when

标签用户:

TagUser(self: ImageTags, username: string) {
    return $.ajax({
        type: "POST",
        url: self.options.UrlTagUser,
        data: {
            username: username,
            imageid: self.options.ImageId
        },
        success: function (data: UserAddJson) {
            if (data.Successful) {
                if (self.AddUserElement != null) {
                    self.AddUserElement.find('input').val('');
                    self.AddUserElement.modal('hide');
                }
                self.TagUserSuccess(self, data);
            } else {
                self.TagUserError(self, data.Message);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            self.TagUserError(self, "");
        }
    });
}

Answer 1

尝试

$.when.apply($, ajaxArray).done(function () {
    console.log("DONE!");
    self.RemoveTagggingDialog(self);
});