vue前端项目如何向一个后端项目传递数组?(批量删除如何传参)
时间: 2023-08-11 21:05:23 浏览: 111
前端项目向后端传递数组可以使用以下两种方式:
1. 将数组作为查询参数传递:将数组转换成字符串,然后作为查询参数传递。例如,使用 `encodeURIComponent()` 函数将数组转换成字符串,然后将字符串作为查询参数传递。后端项目可以使用 `query` 参数来获取该数组。
2. 将数组作为请求体传递:将数组作为请求体的一部分传递。在使用 AJAX 或 Fetch API 发送请求时,将数组转换成 JSON 格式并设置请求头为 `Content-Type: application/json`。后端项目可以使用 `request body` 来获取该数组。
以下是一个使用 Axios 库将数组作为请求体传递的示例代码:
```javascript
import axios from 'axios';
const ids = [1, 2, 3]; // 要删除的 id 数组
axios.delete('/api/items', {
headers: {
'Content-Type': 'application/json'
},
data: {
ids: ids
}
}).then(response => {
console.log(response);
}).catch(error => {
console.log(error);
});
```
在后端项目中,可以使用以下代码来获取该数组:
```javascript
app.delete('/api/items', (req, res) => {
const ids = req.body.ids; // 获取要删除的 id 数组
// ... 其他代码
});
```
阅读全文