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()