成功后如何让jQuery等待Ajax调用

Question

我创建了模式弹出窗口来上传文档。如果成功 上传然后我添加了 $("#success-alert") 用于显示消息，但是 modalpop 立即关闭

我希望用户可以轻松阅读消息。

var Urldata = "../controllerName/functionname";
$.ajax({
    type: "POST",
    url: Urldata,
    data: fd,
    dataType: "json",
    cache: false,
    processData: false,
    contentType: false,
    success: function (response) {

        //for display message on DocsModal
        $("#success-alert").fadeTo(2000, 500).slideUp(500, function () {
            $("#success-alert").slideUp(500);
        });

        //I want wait for 10 sec for read meassage

        //this will close DocsModal
        $('#DocsModal .close').trigger('click');
        $("#DocsModal").modal('hide');


    }
});

Answer 1

您可以使用window.setTimeout() 函数等待 10 秒再隐藏模态，请参见下面的示例：

// number in milliseconds, 10 seconds mean 10000
window.setTimeout(function() {
    $('#DocsModal .close').trigger('click');
    $("#DocsModal").modal('hide');
}, 10000);

参考：window.setTimeout() function