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

时间:2018-12-04 06:21:52

标签: asp.net-mvc

  

我创建了模式弹出窗口以上传文档。如果成功   上传然后我添加了$(“#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');


    }
});

1 个答案:

答案 0 :(得分:0)

您可以使用window.setTimeout()函数等待10秒钟,然后再隐藏模式,请参见下面的示例:

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

参考:window.setTimeout() function