点击事件调用POST请求未执行，While循环逻辑失效求助

核心问题 #

你的代码有两个关键问题导致循环不执行：

1. checkCookieValid 函数没有返回异步请求的Promise，调用它时默认返回undefined，所以checkCookieValid(...) === false永远为假，循环条件不满足。
2. 即使函数返回了Promise，同步的while循环也无法直接判断异步操作的结果，必须结合async/await处理异步逻辑。

修复步骤 #

1. 修正checkCookieValid函数，让它返回Promise

确保函数返回axios请求的链式调用，同时完善错误处理的返回值：

var checkCookieValid = (cookie, username) => {
  // 返回axios的Promise
  return axios
    .post(
      "http://localhost:3000/sendCookielist", 
      { cookie, username },
      {
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
        },
      },
    )
    .then((response) => {
      console.log(response.data);
      return true;
    })
    .catch((err) => {
      if (err.response) {
        console.log(err.response);
      } else {
        console.log("请求出错：", err.message);
      }
      // 所有错误情况都返回false
      return false;
    });
};

2. 使用async/await配合循环处理异步逻辑

同步while循环无法等待异步结果，需要把循环放在async函数中，用await等待checkCookieValid的返回值：

async function keepCheckingCookie() {
  // 用while循环持续检查
  while (!(await checkCookieValid(Data.current.cookie, Data.current.username))) {
    console.log("helo");
    // 添加延迟，避免频繁请求导致服务器压力
    await new Promise(resolve => setTimeout(resolve, 1000));
  }
}

// 调用启动检查
keepCheckingCookie();

额外注意事项 #

• 添加请求延迟：频繁的循环请求可能导致服务器过载，建议每次检查失败后添加1-2秒的延迟。
• 错误处理完整性：原代码的catch块只处理了err.response存在的情况，补充了其他错误（如网络故障）的处理，确保任何错误都返回false。

内容的提问来源于stack exchange，提问作者Shah Alam