XMLHttpRequest无限循环问题：获PHP结果为6后仍运行致CPU占用过高

首先咱们先定位问题根源：你的脚本在拿到结果"6"后还停不下来，大概率是终止逻辑没生效，再加上请求处理不规范导致重复请求堆积，直接把CPU拉满了。下面一步步给你捋清楚怎么修：

1. 先把异步请求的基础流程做规范 #

原代码大概率没正确处理请求的状态判断，也没在拿到目标结果时终止调用。先把XMLHttpRequest的流程补全，确保只有请求成功时才处理结果，且明确终止条件：

function refreshData(){
  var display = document.getElementById("content");
  var xmlhttp = new XMLHttpRequest();
  
  // 监听请求状态变化，只处理完成且成功的请求
  xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
      // 先去掉响应文本的首尾空格/换行，避免PHP输出的多余字符干扰判断
      var result = this.responseText.trim();
      
      display.textContent = result === "6" ? "完成！" : "Loading...";
      
      // 核心逻辑：只有结果不是6时，才继续发起下一次请求
      if (result !== "6") {
        // 加个延迟，避免请求太频繁导致CPU占用过高
        setTimeout(refreshData, 500);
      }
    }
  };
  
  // 给请求加时间戳，禁止浏览器缓存GET请求，避免拿到旧结果
  xmlhttp.open("GET", "get_status.php?t=" + new Date().getTime());
  xmlhttp.send();
}

2. 排查几个关键坑点 #

• 响应数据的纯净度：检查你的get_status.php，确保它只输出状态值（比如"6"），不要输出任何多余内容——比如PHP的错误提示、空格、换行，甚至是?>之后的空行。可以在PHP里用echo trim($status);来保证输出干净。
• 终止逻辑的正确性：一定要确保当result === "6"时，绝对不要再触发下一次的refreshData调用。如果之前是用setInterval循环调用的，拿到6后必须用clearInterval清除定时器，不然定时器会一直后台运行。
• 避免无间隔请求：直接递归调用refreshData会导致请求密集到浏览器和服务器扛不住，加个几百毫秒的延迟既能减轻CPU负载，也能避免服务器被刷爆。

3. 额外优化：用现代API简化代码（可选） #

如果你的浏览器支持现代JS特性，用fetch API替代XMLHttpRequest会更简洁，可读性也更高：

async function refreshData() {
  const display = document.getElementById("content");
  try {
    // 加时间戳防缓存
    const response = await fetch(`get_status.php?t=${new Date().getTime()}`);
    const result = (await response.text()).trim();
    
    display.textContent = result === "6" ? "完成！" : "Loading...";
    
    if (result !== "6") {
      setTimeout(refreshData, 500);
    }
  } catch (err) {
    console.error("请求出错：", err);
    // 出错后可以延迟重试，或者直接停止
    setTimeout(refreshData, 1000);
  }
}

内容的提问来源于stack exchange，提问作者P. S.R.