前端表单发起delete请求,后端获取
时间: 2024-01-18 08:01:58 浏览: 78
React-Crud:React作为前端&& Node Js作为后端
前端表单通常只支持 GET 和 POST 请求,不支持 DELETE 请求。如果你想要通过表单发起 DELETE 请求,可以使用 AJAX 技术。
在前端,你可以使用 jQuery 或者原生的 XMLHttpRequest 对象来发起 AJAX 请求,并将请求方法设置为 DELETE。例如,使用 jQuery 发起 DELETE 请求的代码如下:
```javascript
$.ajax({
url: '/your/api/endpoint',
type: 'DELETE',
data: {
// 这里可以设置请求参数
},
success: function(response) {
// 处理成功响应
},
error: function(xhr, status, error) {
// 处理错误响应
}
});
```
在后端,你需要使用相应的框架来处理 DELETE 请求。以 Express.js 为例,你可以使用 `app.delete()` 方法来定义 DELETE 路由。例如:
```javascript
app.delete('/your/api/endpoint', function(req, res) {
// 处理 DELETE 请求
});
```
在处理 DELETE 请求时,你可以使用 `req.query` 或者 `req.params` 来获取请求参数。其中,`req.query` 用于获取 URL 中的查询参数,`req.params` 用于获取 URL 中的路径参数。例如:
```javascript
app.delete('/your/api/endpoint/:id', function(req, res) {
var id = req.params.id; // 获取路径参数 id
var param1 = req.query.param1; // 获取查询参数 param1
var param2 = req.query.param2; // 获取查询参数 param2
// 处理 DELETE 请求
});
```
阅读全文