javascript - 处理 axios 响应中的数据

标签 javascript vuejs2 axios

我是 axios 的新手。

过去,当我发出 http 请求时,我习惯于取回对象数组/数组,这使我可以使用 map 和 reduce 等函数轻松地按照我想要的方式格式化数据。然后我会将它呈现给 DOM。

我注意到在我返回的响应中是一个观察者对象。我将如何发出请求以便它返回一个数组?处理这个观察者对象的标准是什么?

getSomething (myId) {
    return axios.get('/api/getSomething', {params: {'id': myId}})
                .then(response => console.log(response.data))
                .catch((promise) => this.handleError(promise));
}

谢谢

编辑: 更新代码。 澄清一下,当我调用 getSomething() 时,response.data 是一个对象,即使我将它作为数组发送到后端。我假设 axios 正在将这个数组更改为一个对象。该对象有一堆额外的属性,如 __ob__get 0

最佳答案

所以我发现了问题。如果您通过一个数组,其中的键没有按顺序排列,例如[1: [], 5: [], 6:[]]. Javascript 会将其更改为具有不同属性的观察者对象,以维护 key 。此问题与 axios 无关。

关于javascript - 处理 axios 响应中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46595509/

相关文章:

vue.js - 我如何填充 axios 获取数据数组并将其传递给 Vuejs 组件 Prop 以在组件中进行列表渲染

javascript - 如何在Vue+webpack+vue-loader项目中导入不同js文件的函数

javascript - react : Axios Network Error

javascript - 将数据发布到页面并同时打开该页面

javascript - 从 Google Earth Engine 上的 NEX-GDPDP 产品导出每日气候数据

javascript - OpenLayers:如何在 map div 的流体 CSS 渲染后重新对齐鼠标坐标和矢量图层

vue.js - 如何在asyncData nuxtjs中获取上下文和环境变量

javascript - Axios HTTP 调用总是被视为成功

javascript - 从对象中获取数据

javascript - 属性错误: 'NoneType' object has no attribute 'is_active'