如何避免定时执行的第三方数据获取Ajax函数重复执行？

你的思路完全正确——通过状态标记防止前一次请求未完成时发起新请求，但原代码存在几个关键问题导致它无法正常工作：

原代码的问题分析 #

1. sessionStorage类型处理错误：sessionStorage只能存储字符串，所以sessionStorage.do == true永远会返回false（字符串"true"和布尔值true并不相等）。
2. 状态标记时机错误：你在发起Ajax后立刻把sessionStorage.do设为false，但Ajax是异步操作，这意味着请求还在进行时，状态就已经被重置了，根本起不到阻止重复请求的作用。

正确的实现方式 #

方案1：用内存变量标记状态（推荐） #

不需要依赖sessionStorage，直接用内存变量跟踪请求状态，更高效且逻辑清晰：

// 初始化状态：当前没有请求在执行
let isProcessing = false;

function someThingProcessing() {
    // 如果正在处理，直接返回，不发起新请求
    if (isProcessing) return;

    // 标记为正在处理
    isProcessing = true;

    $.ajax({
        url: "你的第三方接口地址",
        method: "GET", // 根据实际需求调整为POST等
        success: function(response) {
            // 这里处理获取到的数据
            console.log("数据获取成功：", response);
        },
        error: function(xhr, status, error) {
            // 处理请求错误的情况
            console.error("请求失败：", error);
        },
        complete: function() {
            // 不管请求成功还是失败，都重置状态
            isProcessing = false;
        }
    });
}

// 每10秒触发一次函数
setInterval(someThingProcessing, 10000);

方案2：用sessionStorage标记（跨页面同步状态时用） #

如果需要在多个页面之间同步这个状态，可以使用sessionStorage，但要注意字符串类型的转换：

function someThingProcessing() {
    // 从sessionStorage获取状态，注意要和字符串"true"比较
    const isProcessing = sessionStorage.getItem("isProcessing") === "true";
    if (isProcessing) return;

    // 设置状态为正在处理（存字符串"true"）
    sessionStorage.setItem("isProcessing", "true");

    $.ajax({
        url: "你的第三方接口地址",
        method: "GET",
        success: function(response) {
            console.log("数据获取成功：", response);
        },
        error: function(xhr, status, error) {
            console.error("请求失败：", error);
        },
        complete: function() {
            // 请求完成后重置状态为"false"
            sessionStorage.setItem("isProcessing", "false");
        }
    });
}

setInterval(someThingProcessing, 10000);

进阶优化：用setTimeout代替setInterval #

如果你的请求处理时间可能超过10秒，setInterval会继续触发新的调用，可能导致潜在的问题。改用setTimeout可以让下一次请求在上一次完成后再延迟10秒执行，更稳妥：

let isProcessing = false;

function someThingProcessing() {
    if (isProcessing) {
        // 如果正在处理，10秒后再尝试
        setTimeout(someThingProcessing, 10000);
        return;
    }

    isProcessing = true;

    $.ajax({
        url: "你的第三方接口地址",
        method: "GET",
        success: function(response) {
            console.log("数据获取成功：", response);
        },
        error: function(xhr, status, error) {
            console.error("请求失败：", error);
        },
        complete: function() {
            isProcessing = false;
            // 上一次请求完成后，再过10秒执行下一次
            setTimeout(someThingProcessing, 10000);
        }
    });
}

// 首次执行
someThingProcessing();

内容的提问来源于stack exchange，提问作者Imran Abbas