如何使用提交按钮打开file.html并使用fwrite？

<form action="file.html" method="post">
  <input type="submit" value="提交">
</form>

// 获取提交按钮元素
var submitButton = document.querySelector('input[type="submit"]');

// 添加表单提交事件监听器
submitButton.addEventListener('click', function(event) {
  event.preventDefault(); // 阻止表单默认的提交行为

  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  
  // 设置请求方法和URL
  xhr.open('POST', 'write_file.php', true);

  // 监听请求状态变化事件
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        console.log('文件写入成功');
      } else {
        console.error('文件写入失败');
      }
    }
  };

  // 设置请求头（如果需要）
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

  // 构建请求体数据（如果需要）
  var formData = new FormData();
  formData.append('data', '要写入文件的数据');
  
  // 发送请求
  xhr.send(formData);
});

<?php
// 获取请求体数据
$data = $_POST['data'];

// 打开文件并写入数据
$file = fopen('path/to/file.txt', 'w');
if ($file) {
  fwrite($file, $data);
  fclose($file);
  echo '文件写入成功';
} else {
  echo '文件写入失败';
}
?>