首页vue前端项目如何向一个后端项目传递数组？（批量删除如何传参）

vue前端项目如何向一个后端项目传递数组？（批量删除如何传参）

时间: 2023-08-11 07:05:23 浏览: 146

前端项目向后端传递数组可以使用以下两种方式： 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 数组 // ... 其他代码 }); ```

阅读全文