无法使用PHP时，AJAX提示写入文件成功但文件为空的原因？

嘿，我来帮你拆解下问题所在——你遇到的情况其实有两个关键问题，咱们一个个说：

首先，最核心的误解：你不能直接通过POST请求把数据写入静态的.txt文件。静态文件（比如txt、html）本身没有处理HTTP请求的能力，服务器收到POST请求到test.txt时，只会返回这个文件的内容，根本不会执行“把POST数据写入文件”的逻辑——这就是为什么文件始终是空的。

其次，你的jQuery代码里还有个容易忽略的小错误：

success: alert("sucess writing the file!")

这种写法会在发起AJAX请求之前就执行alert，而不是等请求成功后才触发。正确的写法应该是把alert放在一个函数里，确保只有请求成功时才执行：

success: function() {
  alert("success writing the file!");
}

之前的成功提示其实是“假成功”，不管请求实际有没有完成，代码加载时就会弹出这个提示。

既然不能用PHP，你需要一个后端脚本来处理POST请求并写入文件，这里举个简单的Node.js例子（你需要在服务器上部署Node.js环境）：

1. 后端脚本（比如命名为write-file.js） #

const http = require('http');
const fs = require('fs');
const path = require('path');

const server = http.createServer((req, res) => {
  if (req.method === 'POST' && req.url === '/write-file') {
    let body = '';
    req.on('data', chunk => {
      body += chunk.toString();
    });
    req.on('end', () => {
      // 写入test.txt文件
      fs.writeFile(path.join(__dirname, 'test.txt'), body, (err) => {
        if (err) {
          res.writeHead(500, {'Content-Type': 'text/plain'});
          res.end('写入文件失败');
          return;
        }
        res.writeHead(200, {'Content-Type': 'text/plain'});
        res.end('写入成功');
      });
    });
  } else {
    res.writeHead(404, {'Content-Type': 'text/plain'});
    res.end('无效请求');
  }
});

server.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000');
});

2. 前端调整后的jQuery代码 #

function writeFile() {
  alert("writing file...");
  $.ajax({
    type: 'POST',
    url: "/write-file", // 指向后端脚本的路由
    data: "test", // 要写入的数据
    success: function(response) {
      alert(response); // 这里会显示后端返回的"写入成功"
    },
    error: function() {
      alert("写入失败，请检查后端服务");
    },
    dataType: "text"
  });
};

额外说明 #

• 如果你用的是其他后端语言（比如Python、Go），核心逻辑都是一样的：编写一个接收POST请求的接口，读取请求体的数据，然后写入到指定文件。
• 要确保后端脚本有写入文件的权限（服务器上的test.txt需要允许脚本写入）。

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