vue框架 post请求传递数组

可以使用axios库来发送post请求，并将数组作为请求参数传递。具体步骤如下：

1.在Vue组件中引入axios库

import axios from 'axios'

2.使用axios发送post请求，并将数组作为请求参数传递

axios.post('/api/postData', {
  id: [1, 2, 3]
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

3.在后端接口中使用@RequestParam注解接收数组参数

@PostMapping("/postData")
public void postData(@RequestParam("id") Integer[] id) {
  // 处理接收到的数组参数
}

相关问题

vue post向后端传数组

你可以在使用 Vue.js 来进行 POST 请求时，将数组作为请求体传递给后端。下面是一个示例代码：

axios.post('/api/data', {
  dataArray: [1, 2, 3, 4, 5]
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

在上面的代码中，我们使用了 Axios 库来发起 POST 请求，并且将一个包含 5 个元素的数组作为请求体传递给后端。这个数组被包装在一个对象中，该对象只有一个属性 `dataArray`，其值为数组本身。

在后端接收到这个请求时，你可以使用相应的后端框架来解析请求体中的数据。例如，如果你使用的是 Express 框架，可以使用 body-parser 中间件来解析请求体，代码如下：

const express = require('express')
const bodyParser = require('body-parser')

const app = express()
app.use(bodyParser.json())

app.post('/api/data', function (req, res) {
  const dataArray = req.body.dataArray
  // 对数组进行处理
})

在上面的代码中，我们使用了 `body-parser` 中间件来解析请求体中的 JSON 数据，并将解析结果保存在 `req.body` 对象中。然后，我们从 `req.body` 对象中取出了 `dataArray` 属性，它的值就是我们在前端传递过来的数组。

希望这个回答能够对你有所帮助！

vue 给接口传数组

在Vue中，我们可以使用Axios来给接口传递数组。

首先，我们需要通过npm安装Axios，可以使用以下命令：

npm install axios

安装完成后，在需要使用Axios的组件中引入它：

import axios from 'axios'

接下来，我们可以使用Axios的post方法来发送POST请求，同时传递数组参数。例如，我们要给名为`/api/endpoint`的接口传递一个名为`data`的数组参数，可以使用以下代码：

axios.post('/api/endpoint', {
  data: [1, 2, 3, 4, 5]
})
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

在接口的服务器端，我们可以通过`request.body`来获取传递的数组参数。例如，如果使用Node.js和Express框架，可以使用以下代码来获取参数：

app.post('/api/endpoint', function (req, res) {
  var data = req.body.data;
  console.log(data); // 输出 [1, 2, 3, 4, 5]
});

这样，我们就成功地使用Vue给接口传递了一个数组参数。请注意，这只是一个简单的示例，实际的接口和参数处理可能会有所不同，具体情况请根据自己的需求进行调整。