xhr.send(formData) 发送数据后，后端使用纯js如何接收

### 使用纯JavaScript在后端接收通过XHR发送的FormData 当客户端使用`XMLHttpRequest`对象来提交表单数据作为`FormData`时，在服务器端可以利用Node.js环境下的HTTP模块处理这些请求。对于接收到的数据，如果是以multipart/form-data编码方式传输，则通常涉及到文件上传的情况；而application/x-www-form-urlencoded或text/plain类型的简单键值对则相对容易解析。为了能够读取并处理由前端发出的带有`FormData`的对象，服务端需设置适当的内容类型处理器[^1]： ```javascript const http = require('http'); const fs = require('fs'); // 创建一个简单的HTTP服务器实例 const server = http.createServer((req, res) => { let body = []; req.on('data', chunk => { body.push(chunk); }).on('end', () => { body = Buffer.concat(body).toString(); if (req.headers['content-type']?.includes('multipart/form-data')) { // 处理多部分表单数据（如含文件） console.log("Handling multipart form data..."); const busboy = require('busboy'); // 需要安装额外依赖 'npm install busboy' const bb = new busboy({ headers: req.headers }); bb.on('field', function(fieldname, val) { console.log(`Field '${fieldname}': ${val}`); }); bb.on('file', function(fieldname, file, filename, encoding, mimetype){ var saveTo = path.join(__dirname,'./uploads/',filename); file.pipe(fs.createWriteStream(saveTo)); }); bb.end(body); } else if(req.headers['content-type'] === 'application/x-www-form-urlencoded') { // 解析URL编码后的字符串形式的表单数据 console.log(decodeURIComponent(body)); } res.writeHead(200, {'Content-Type': 'text/html'}); res.end('<h1>Form Data Received</h1>'); }); }); server.listen(8080); console.log('Server running at http://localhost:8080/'); ``` 上述代码展示了如何创建一个基本的HTTP服务器，并针对不同种类的`content-type`做出响应。特别是对于`multipart/form-data`这种复杂格式的数据流，这里引入了第三方库`Busboy`来进行更细致的操作，比如保存上传来的文件到指定位置等操作[^2]。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

下一篇 xhr.send(formData) 发送数据后，后端纯asp如何接收（不是asp.net）