javascript - 使用 jquery .load 函数重新加载 DIV 花费的时间太长

Question

我有一个包含来自数据库的一些数据的 div 和一个更新某些项目数量的表单。提交表单时，div 会刷新，刷新时会弹出一个带有引导微调器的模式，以显示它正在加载。

我遇到的问题是，有时 div 需要一段时间才能刷新，因此加载模式会隐藏，看起来什么也没发生，用户继续操作，然后刷新发生。

有没有办法检查刷新是否发生，然后根据刷新隐藏模态？

否则，我看到的唯一选择是将超时设置为一个愚蠢的数字，只希望刷新在那个时间发生。

function updateQuantity(updateID) {
    $('#spinnerModal').modal('show');
    var updateQtyID = updateID.getAttribute('updateID');
    var updateQtyForm = 'form.cuttingListItem' + updateQtyID;
    $.ajax({
        type: "POST",
        url: "_script_ajax_updateQuantity.php",
        data: $(updateQtyForm).serialize(),
        success: function() {
            $("#statusDiv").load(location.href + " #statusDiv");
            setTimeout(function() {
                $('#spinnerModal').modal('hide');
            }, 1000);
        }
    }); 
};

Answer 1

jQuery load函数有一个可选的完整函数参数，在加载完成时运行，因此您可以这样做:

function updateQuantity(updateID) {
    $('#spinnerModal').modal('show');
    var updateQtyID = updateID.getAttribute('updateID');
    var updateQtyForm = 'form.cuttingListItem' + updateQtyID;
    $.ajax({
        type: "POST",
        url: "_script_ajax_updateQuantity.php",
        data: $(updateQtyForm).serialize(),
        success: function() {
            $("#statusDiv").load(location.href + " #statusDiv", function(){
                $('#spinnerModal').modal('hide');
            });
        }
    }); 
};