javascript - 如何在不重叠的情况下每隔一段时间进行一次 Ajax 调用？

Question

我正在寻找一个网页，该网页通过来自嵌入式网络服务器的 AJAX 调用对数据进行采样。我将如何设置代码以使一个请求不会与另一个请求重叠？我应该提一下，我的 JavaScript 经验很少，这也是我不使用任何大小超过 10 KB 的外部库的一个令人信服的理由。

Answer 1

您可能需要考虑仅在上一个 AJAX 调用成功响应后才重新启动 AJAX 请求的选项。

function autoUpdate()
{
    var ajaxConnection = new Ext.data.Connection();

    ajaxConnection.request(
    {
        method:         'GET',
        url:            '/web-service/', 

        success: function(response) 
        {
            // Add your logic here for a successful AJAX response.
            // ...
            // ...

            // Relaunch the autoUpdate() function in 5 seconds.
            setTimeout(autoUpdate, 5000);
        }
    }
}

此示例使用 ExtJS , 但您可以很容易地只使用 XMLHttpRequest。

注意:如果您必须有 x 秒的精确间隔，则必须跟踪从启动 AJAX 请求到setTimeout() 调用，然后从延迟中减去此时间跨度。否则，上述示例中的间隔时间将随网络延迟和处理 Web 服务逻辑的时间而变化。