对 REST 服务的 ajax 调用。设置间隔

【问题标题】：ajax call to REST service . Set Interval对 REST 服务的 ajax 调用。设置间隔
【发布时间】：2017-10-08 23:03:50
【问题描述】：

我想在每 5 秒后从自己的主机获取数据。

我在 request.js 中的代码：

    $.ajax({
        type: "GET",
        url: "http://localhost:8080/api/Data",
        success: function (data) {
            console.log(data);
        }
    });

我要补充什么？

【问题讨论】：

当然是setInterval。除非您想以防止错误的方式执行此操作，否则需要比间隔更长的时间，在这种情况下您将使用 setTimeout。
在我的代码中，如果代码中有 ajax 调用，我更喜欢 setTimeout 而不是 setInterval。如果返回调用花费的时间超过时间间隔，setInterval 可能会导致问题。在完成 ajax 调用时再次以您想要的时间间隔回调 setTimeout()。

标签： javascript jquery ajax

【解决方案1】：

编写函数并将其设置为setInterval:

function checkData() {
    $.ajax({
        type: "GET",
        url: "http://localhost:8080/api/Data",
        success: function (data) {
            console.log(data);
        }
    });
}

setInterval(checkData, 5000);

如果您的 ajax 调用获得更长的响应时间，您可以使用 setTimeout：

function checkData() {
    $.ajax({
        type: "GET",
        url: "http://localhost:8080/api/Data",
        success: function (data) {
            console.log(data);
            setTimeout(checkData, 5000);
        }
    });
}

setTimeout(checkData, 5000);

【讨论】：

重要提示： setInterval 用于定期更新，但setTimeout 仅用于延迟，它只会触发一次，有关更多信息，请查看此问题：stackoverflow.com/questions/729921/settimeout-or-setinterval