在ajax请求之前关闭模态框并显示加载器

Question

在模态框中提交表单时，我调用了 2 个 ajax 方法。一切都很好，但我想在调用 ajax 方法之前显示加载器和关闭模式框。下面是我的代码

$("#modalsubmit").click(function () {
    try {
        $("#Modal").modal('hide');
        $("#loader").css("display", "block");
        $.ajaxSetup({
            async: false
        });
        ajaxmethod1();
        ajaxmethod2();
    } finally {
        $.ajaxSetup({
            async: true
        });
    }
    $("#loader").css("display", "none");
});

点击 modalsubmit 时，这里的模态框没有关闭，加载器也没有显示

奇怪的是，如果我在 ajax 之前放置断点，那么 modalbox 会关闭并且加载器也会显示出来。 任何帮助将不胜感激

Answer 1

试试这个代码

<script type="text/javascript">
    $(document).ajaxStart(function () {
        $("#loader").css("display", "block");
    }).ajaxStop(function () {
        $("#loader").css("display", "none");
    }).ajaxComplete(function () {
        $("#loader").css("display", "none");
    }).ajaxError(function (event, xhr, options, exc) {
    });

您可以将它用于每个 ajax 调用。