javascript - 如果发出相同的请求，则跳过 AJAX 功能

Question

我在 JavaScript 函数中有我的 AJAX 请求。使用 setInterval 函数，AJAX 函数每 5000 毫秒执行一次。

我想知道是否有办法检查以前的 AJAX 调用是否仍在处理，所以我没有多个相同的 AJAX 请求。

这是我的代码：

function getData(fields){
    $.ajax({
        url: 'index.php',
        type: 'post',
        data: { fields: fields },
        dataType: 'json',
        success: function(json) {                                                                                       
        if (json) {
            // We have a response
        }   
    });
}

window.setInterval(function(){
    getPosts(fields);
}, 2000);

提前致谢！

彼得

Answer 1

var req;

创建一个我们可以在函数范围之外访问的变量。

function getData(fields) {
    req = $.ajax({...});

将变量分配给ajax请求

setInterval(function() {
    if (req.state() == 'resolved' && req.state() !== 'pending') {
        getPosts(fields);
    }
});

检测.state()

Answer 2

尝试这个：

var getDataRequest = null;
function getData(fields) {
    if (getDataRequest !== null) {
        return;
    }
    getDataRequest = $.ajax({
        url: 'index.php',
        type: 'post',
        data: { fields: fields },
        dataType: 'json',
        success: function(json) {
            if (json) {
                // We have a response
            }
            getDataRequest = null;
        }
    });
}

window.setInterval(function() {
    getPosts(fields);
}, 2000);