在计时器上重复/循环 ajax 调用 - 即使超时

Question

我们有一块显示板需要每秒更新一次。对服务器的 AJAX 调用触发了一个存储过程，它是一个非常简单的 SELECT 语句，执行只需几毫秒。

最初，由于网络延迟（或黑子，或谁知道），此 AJAX 进程有时会（偶尔，很少）超时。通过调整我们处理计时器的方式并将 timeout 设置为 0，我们得到了它，因此它现在运行稳定并且永远不会发生超时......但是。

话虽如此，我仍然担心超时可能仍然发生。如果发生了，目标是它会继续下去。基本上，忽略超时，然后再试一次......永远。没有像 MaxError、RetryLimit 或 TryCount 等。

这是我现在拥有的：

setTimeout(function run() {
    // When the timer elapses, get the data from the server
    GetData();
    setTimeout(run, _refreshRate);
}, 1000);


function GetData() {
    //console.log("Attempting to obtain the data...");
    jQuery.ajax({
        url: "something.ashx",
        type: "GET",
        contentType: 'application/json; charset=utf-8',
        success: function(resultData) {
            //console.log("Got the data.");
            ParseJson(resultData);
            // show the last refresh date and time
            $('#refreshTime').html(GetDateTime());
        },
        error : function(xhr, textStatus, errorThrown) {
            if (textStatus == 'timeout') {
                //console.log("Timeout occured while getting data from the server.  Trying again.");
                // If a timeout happens, DON'T STOP. Just keep going forever.
                $.ajax(this);
                return;
            }
         },
         timeout: 0,
    });
}

ParseJson(resultData); 里面的所有东西都很好用。那里没有问题。并且计时器已设置（我相信），因此它将等到一个 GetData() 完成后再尝试启动另一个。

我相信将timeout 设置为0 意味着“永远不要超时”。

我的问题是这样的：

我是否正确处理了error 超时？我使用此线程中的选定答案作为我的指南：

What's the best way to retry an AJAX request on failure using jQuery?

但我不需要 retryLimit 限制。

我也看过这些主题：

How to make the Ajax call again in case Time out error occurs

ajax timeout callback function

我认为我已将所有信息归结为一个简单的解决方案，但我想要一些同行评审。有没有更好的方法来做到这一点？

Answer 1

我更喜欢仅在当前呼叫完成时才将新呼叫排队的解决方案。类似的东西..

function poll() {
  setTimeout(function () {
     GetData();
  }, 1000);
}

function GetData() {
    jQuery.ajax({
        url: "something.ashx",
        type: "GET",
        contentType: 'application/json; charset=utf-8',
        success: function(resultData) {
            //...
        },
        error : function(xhr, textStatus, errorThrown) {
            //...
        },
        complete: function() {
           poll();
        },
        timeout: 0,
    });
}

poll();

这样你的通话就不会有重叠的风险。

Answer 2

function GetData() {
    //console.log("Attempting to obtain the data...");
    jQuery.ajax({
        url: "something.ashx",
        type: "GET",
        contentType: 'application/json; charset=utf-8',
        success: function(resultData) {
            //console.log("Got the data.");
            ParseJson(resultData);
            // show the last refresh date and time
            $('#refreshTime').html(GetDateTime());
        },
        error : function(xhr, textStatus, errorThrown) {
            if (textStatus == 'timeout') {
                //console.log("Timeout occured while getting data from the server.  Trying again.");
                // If a timeout happens, DON'T STOP. Just keep going forever.
                $.ajax(this);
                return;
            }
         },
         timeout: 0,
    });
}

var myInterval = setInterval(getData, 1000)
// if you want to stop it elsewhere:
// clearInterval(myInterval)

你可以使用 setInterval 代替超时