vue 传给后端json数组

可以使用axios库将json数组传给后端。具体步骤如下：

1. 在vue组件中定义一个数组，例如：

data() {
  return {
    items: [
      { name: 'apple', price: 2.5 },
      { name: 'banana', price: 1.5 },
      { name: 'orange', price: 3 }
    ]
  }
}

2. 在提交表单时，使用axios将数组转换为json字符串并发送给后端，例如：

methods: {
  submitForm() {
    const json = JSON.stringify(this.items)
    axios.post('/api/save', json)
      .then(response => {
        console.log(response.data)
      })
      .catch(error => {
        console.log(error)
      })
  }
}

3. 在后端接收json字符串并解析为数组，例如：

app.post('/api/save', (req, res) => {
  const items = JSON.parse(req.body)
  // do something with items
})

相关问题

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库发送HTTP请求将数组传递到后端。首先，需要在Vue组件中使用axios库进行导入：

import axios from 'axios'

然后在发送POST请求时，将数组作为请求体的数据发送到后端：

const data = {
  myArray: [1, 2, 3, 4, 5]
}

axios.post('/api/endpoint', data)
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

在后端，可以使用常规的方式接收POST请求中的JSON数据，例如在Node.js中可以使用body-parser库将请求体解析为JSON对象：

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

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

app.post('/api/endpoint', (req, res) => {
  const myArray = req.body.myArray
  // Do something with myArray
})