在 for 循环中停止执行 ajax

Question

我正在尝试执行以下操作。从 API 获取页数。每个页面都有多个结果。我根据我的情况检查所有结果。如果结果符合条件，那么我需要完成检查，完成页面搜索并将结果传递给另一个函数。我不明白如何结束 ajax（checkPages() 函数中的 getData() 执行）并在同一个地方退出 for 循环。 break 和 return 关键字没有帮助。请告诉我该怎么做。也许我需要重构我的代码。我真的不喜欢将函数的结果“扔”到函数中。我不使用 async/await，因为我需要与旧浏览器兼容。

getData("url-to-get-data").done(function (result) {
    checkPages(result.total_pages);
});

function getData(url) {
    return $.get({
        url: "url-to-get-data"
    })
}

function checkPages(pagesCount) {
    for (var i = 2; i <= pagesCount; i++) {
        getData("url-to-get-data", i).done(function(result) {
            var today = checkToday(result);
            if (today != null) {
                //someMethod
                //how to end the getData function and the for loop
            }
        });
    }
}

function checkToday(response) {
    var results = response.results;
    var today = new Date();
    var day = today.getDate();
    var month = today.getMonth();
    for (var i = 0; i < results.length; i++) {
        var d = new Date(results[i].release_date);
        if (d.getDate() === day && d.getMonth() === month) {
            return results[i];
        }
    }
    return null;
}

Answer 1

对 checkPages 函数的最简单更改

根据需要调用自身的内部函数

function checkPages(pagesCount) {
    function checkPage(i) {
        if (i <= pagesCount) {
            getData("url-to-get-data", i).done(function(result) {
                var today = checkToday(result);
                if (today == null) { // only get next page if today is null
                    checkPage(i+1);
                }
            });
        }
    }
    checkPage(2);
}

Answer 2

如果我理解正确，您正在尝试做这样的事情？

更新：实现查询以检查请求是否已完成

getData("url-to-get-data").done(function (result) {
    checkPages(result.total_pages);
});

function getData(url) {
    return $.get({
        url: "url-to-get-data"
    })
}

function checkPages(pagesCount) {
    let doContinue = true;
    let loading = false;
    let i = 2;
    var checker = setTimeout(()=>{
      if(i > pagesCount) clearTimeout(checker);
      if(!loading){
          loading = true;
          getData("url-to-get-data", i).done(function(result) {
            var today = checkToday(result);
            if (today != null) {
                clearTimeout(checker);
            }
            i++;
            loading = false;
        });
      }
    },100);
}

function checkToday(response) {
    var results = response.results;
    var today = new Date();
    var day = today.getDate();
    var month = today.getMonth();
    for (var i = 0; i < results.length; i++) {
        var d = new Date(results[i].release_date);
        if (d.getDate() === day && d.getMonth() === month) {
            return results[i];
        }
    }
    return null;
}

Answer 3

使您的 ajax 调用同步或使用回调函数不断获取更多数据，直到满足条件。