优化XMLHttpRequest数据发送：解决多请求状态管理与数据整合问题

var keylog = {
  // (A) SETTINGS & PROPERTIES
  cacheW: [], // TEMP STORAGE FOR KEY PRESSES
  cacheA: [],
  cacheD: [],
  cacheS: [],
  delay: 500, // HOW OFTEN TO SEND DATA TO SERVER
  sending: false, // ONLY 1 UPLOAD ALLOWED AT A TIME

  // (B) INITIALIZE
  init: function() {
    // (B1) CAPTURE KEY STROKES
    window.addEventListener("keydown", function(evt) {
      if (evt.key == "w") {
        keylog.cacheW.push(evt.key);
      } else if (evt.key == "a") {
        keylog.cacheA.push(evt.key);
      } else if (evt.key == "d") {
        keylog.cacheD.push(evt.key);
      } else if (evt.key == "s") {
        keylog.cacheS.push(evt.key);
      }
    });

    window.addEventListener("keyup", function(evt) {
      if (evt.key == "w") {
        keylog.cacheW.push("!" + evt.key);
      } else if (evt.key == "a") {
        keylog.cacheA.push("!" + evt.key);
      } else if (evt.key == "d") {
        keylog.cacheD.push("!" + evt.key);
      } else if (evt.key == "s") {
        keylog.cacheS.push("!" + evt.key);
      }
    });

    // (B2) SEND KEYSTROKES TO SERVER
    window.setInterval(keylog.send, keylog.delay);
  },

  // (C) AJAX SEND KEYSTROKES
  send: function() {
    // 检查是否有任何数据需要发送
    if (!keylog.sending && (keylog.cacheW.length !== 0 || keylog.cacheA.length !== 0 || keylog.cacheD.length !== 0 || keylog.cacheS.length !== 0)) {
      keylog.sending = true; // 锁定，直到本次批次发送完成

      // (C1) 整合所有按键数据
      var allKeysData = {
        keysW: keylog.cacheW,
        keysA: keylog.cacheA,
        keysD: keylog.cacheD,
        keysS: keylog.cacheS
      };

      // 清空缓存，准备接收新的按键
      keylog.cacheW = [];
      keylog.cacheA = [];
      keylog.cacheD = [];
      keylog.cacheS = [];

      // (C2) 创建 FormData 对象并添加整合后的数据
      var formData = new FormData();
      // 将 JavaScript 对象转换为 JSON 字符串，然后添加到 FormData
      formData.append("allKeys", JSON.stringify(allKeysData));

      // (C3) AJAX 发送
      var xhr = new XMLHttpRequest();
      xhr.open("POST", "index4.php");
      xhr.onload = function() {
        keylog.sending = false; // 请求完成后解锁
        if (xhr.status >= 200 && xhr.status < 300) {
          // console.log("数据发送成功:", this.response);
        } else {
          // console.error("数据发送失败:", this.status, this.statusText);
          // 可以在此处实现重试逻辑或错误通知
        }
      };
      xhr.onerror = function() {
        keylog.sending = false; // 发生网络错误时解锁
        // console.error("网络错误，数据发送失败。");
      };
      xhr.send(formData);
    }
  }
};
window.addEventListener("DOMContentLoaded", keylog.init);

<?php
// 检查 POST 请求中是否存在 'allKeys' 参数
if (isset($_POST['allKeys'])) {
    $json_data = $_POST['allKeys'];
    $data = json_decode($json_data, true); // 将 JSON 字符串解码为关联数组

    if ($data === null && json_last_error() !== JSON_ERROR_NONE) {
        // JSON 解析失败
        error_log("JSON decoding error: " . json_last_error_msg());
        http_response_code(400); // Bad Request
        echo "Error: Invalid JSON data.";
        exit;
    }

    // 从解码后的数据中提取各个按键数组
    $keysW = $data['keysW'] ?? [];
    $keysA = $data['keysA'] ?? [];
    $keysD = $data['keysD'] ?? [];
    $keysS = $data['keysS'] ?? [];

    // 定义文件路径
    $keylogFiles = [
        'W' => 'player2KeylogW.txt',
        'A' => 'player2KeylogA.txt',
        'D' => 'player2KeylogD.txt',
        'S' => 'player2KeylogS.txt'
    ];

    // 写入文件函数
    function writeKeylogToFile($filename, $keysData) {
        $fileHandle = fopen($filename, "a") or die("Unable to open file: " . $filename); // 使用 "a" 模式追加内容
        // 确保写入的是可读的格式，例如每行一个按键事件，或者再次 JSON 编码整个数组
        foreach ($keysData as $keyEvent) {
            fwrite($fileHandle, $keyEvent . "\n"); // 写入每个按键事件并换行
        }
        // 也可以选择将整个数组再次 JSON 编码后写入一行：
        // fwrite($fileHandle, json_encode($keysData) . "\n");
        fclose($fileHandle);
        chmod($filename, 0755); // 设置文件权限
    }

    // 分别处理并写入文件
    if (!empty($keysW)) {
        writeKeylogToFile($keylogFiles['W'], $keysW);
    }
    if (!empty($keysA)) {
        writeKeylogToFile($keylogFiles['A'], $keysA);
    }
    if (!empty($keysD)) {
        writeKeylogToFile($keylogFiles['D'], $keysD);
    }
    if (!empty($keysS)) {
        writeKeylogToFile($keylogFiles['S'], $keysS);
    }

    echo "Keylog data processed successfully.";

} else {
    http_response_code(400); // Bad Request
    echo "Error: 'allKeys' parameter is missing.";
}
?>