res.data.forEach不是Jquery中的函数

Question

我收到一个错误：Uncaught TypeError:res.data.forEach不是函数

当我将forEach与axios.get一起使用时。如何解决问题？

脚本：

let totalData = [];
let monthData = [];
$(async function () {
await axios.get(`/dashboard/chart/month`).then((res) => {
console.log(res.data);
res.data.forEach((data) => {
totalData.push(data.total);
monthData.push(data.months);
});
});
});

数据：

{
"success": true,
"data": [
{
"months": "January 21",
"total": 0
},
{
"months": "February 21",
"total": 0
},
{
"months": "March 21",
"total": 0
},
{
"months": "April 21",
"total": 0
}
],
"msg": null
}

Answer 1

啊，我才意识到。看看你的res.data，你需要res.data.data。将您的代码替换为：

let totalData = [];
let monthData = [];
$(async function () {
await axios.get(`/dashboard/chart/month`).then((res) => {
console.log(res.data);
// Add another data here:
res.data.data.forEach((data) => {
totalData.push(data.total);
monthData.push(data.months);
});
});
});

res.data是Axios的版本。它有你的数据+状态和其他东西。你也有你的data。所以你需要res.data.data。