javascript - 如何阻止 AJAX 进行多次调用？

Question

我正在使用 jquery 倒计时器插件 ( http://keith-wood.name/countdown.html ) 来显示时间。我正在调用一个函数来为回调事件“onTick”添加更多时间。当时间倒计时到 00:00:00 时，该函数将调用 ajax 来添加额外时间。它工作正常，但每次计时器等于 00 时，ajax 都会进行多次调用 (>15)。我怎样才能让它只发送一个电话？我尝试执行 async: false 但仍然进行多次调用。谢谢。

$(this).countdown({ until: time, format: 'HMS', onTick: addExtraTime });

function addExtraTime() {      
 if ($.countdown.periodsToSeconds(periods) === 00) {
            var postValue = { ID: id }
            if (!ajaxLoading) {
                ajaxLoading = true;
                $.ajax({
                    url: "@Url.Action("AddExtraTime", "Home")",
                    type: 'post',
                dataType: 'json',
                contentType: "application/json",
                data: JSON.stringify(postValue),
                success: function() {
                    // show success
                },
                error: function(data) {
                    // show error
                }
            });
            ajaxLoading = false;
        }
      }
    }

Answer 1

您有一个变量 ajaxLoading，用于确定 Ajax 请求是否正在运行，但您将其设置为 false 立即 调用 $.ajax() 之后，而不是收到响应时。在成功和错误处理程序中将其设置为 false。