在 Reactjs 中使用 Axios 从 Array 向 REST API django 发布多个请求答案

【问题标题】：Post multiple Request to REST API django from Array using Axios in Reactjs在 Reactjs 中使用 Axios 从 Array 向 REST API django 发布多个请求
【发布时间】：2019-09-10 22:30:58
【问题描述】：

我有一个数组，我想从数组中一一获取所有值并使用 axios 将值发布到 rest-api django

在 Django 中我有模型：

class Cars(models.Model):
    car = models.CharField(max_length=100)

我想从 axios post 在我的模型中添加数据这是我的数组，我想从这个数组中获取价值并在一次提交时一一添加到我的模型中，

let cars = [
   ["Saab", "Volvo", "BMW"],
   ["Toyota", "Alto", "Civic",]
]

我试过这样，

  handleFormSubmit = event => {
     event.preventDefault();
    for (var i = 0; i < cars.length; i++) {
       axios.post('myURL',{
            car: car[i]
        })
        .then(res => console.log(res))
        .catch(err => console.log(err));
      }
    }

提交后我得到错误：“请求失败，状态码为 400”，当我在循环外发布 axios 时很好，但我想从数组中添加多个数据。

【问题讨论】：

标签： django reactjs django-rest-framework axios

【解决方案1】：

您将变量声明为汽车并在循环中使用汽车。

axios.post('myURL',{ car: cars[i] })

试试这个改变

【讨论】：

【解决方案2】：

400 错误表示：

错误请求。您的浏览器发送了此服务器无法发送的请求明白。

尝试在你的 sn-p 中使用 forEach 函数。像这样的：

 handleFormSubmit = event => {
     event.preventDefault();
     cars.forEach(car =>
       axios.post('myURL',car)
        .then(res => console.log(res.data))
        .catch(err => console.log(err));
      }
    }

【讨论】：