formdata提交表单前后端代码
时间: 2023-05-08 12:57:17 浏览: 84
前端代码:
发送FormData可以使用原生的XMLHttpRequest对象,也可以使用ajax方法。下面以ajax方法为例:
```
// 获取表单元素和数据
let form = document.querySelector('#myForm');
let formData = new FormData(form);
// ajax发送数据
let xhr = new XMLHttpRequest();
xhr.open("POST", "/submitform");
xhr.send(formData);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 请求完成后的处理代码
console.log(xhr.responseText);
}
}
```
后端代码:
后端代码需要根据具体框架来进行处理,下面以Node.js Express框架为例:
```
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
// 解析表单数据
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
// 处理post请求
app.post('/submitform', function(req, res) {
let formData = req.body;
console.log(formData);
// 处理表单数据
// ...
res.send('提交成功');
});
app.listen(3000, function() {
console.log('服务器启动成功');
});
```
其中,body-parser中间件用于解析请求体中的表单数据。处理请求的函数中可以通过req.body获取表单数据。对于一些数据处理的逻辑可以根据具体需求进行编写。最后使用res.send()方法返回请求结果。