Question

我正在尝试在javascript对象中检索数据，该对象是从对API的get请求生成的，并且在网络控制台中，我可以清楚地看到响应为{“ number”：“ 141”}，但是无论何时我尝试打印查询的结果，我得到了这种类型的对象，其中包含我想要的值：

在控制台中：

Object { _c: [], _a: undefined, _s: 0, _d: false, _v: undefined, _h: 0, _n: false }

但是当我花费价值

{
  "_c": [],
  "_s": 1,
  "_d": true,
  "_v": {
    "data": {
      "number": "141"
    },
    "status": 200,
    "statusText": "OK",
    "headers": {
      "content-type": "application/json; charset=utf-8"
    },
    "config": {
     [...]
}

但是每次我尝试显示我都无法仅使用tab ['_ v']访问该值。我已经尝试了多种方法，例如：

for (var key in x) {
            console.log(x[key])
        }

尝试打印“ _v”部分，但是我无法列出数组/对象的“ _v”部分。

获得这种结果的步骤：

.vue文件调用该函数

export default {
    mounted() {

    var x=this.connectionsAlive()
    console.log(x)
    for (var property in x) {
        console.log(property)
    }
},
methods: {
        ...mapActions({
            connectionsAlive: 'mkt/connectionsAlive',
        })
    }
}

然后转到名为mkt-module.js的文件，然后转到mkt-api.js

---mkt-module---
import { connectionsAlive } from '@/api/mkt-api'
export default {
    namespaced: true,
    state: {
        test: '',

    },
    actions: {
        connectionsAlive() {
            const response = connectionsAlive()
            return response

        }
    }
}
----mkt-api----
import axios from 'axios'
import { getAbsoluteUrl } from '@/services/url-service'

export const connectionsAlive = () => (
    axios.get(`/api/DeviceEvents/connectionsAlive`)
)

我得到的响应正文是：

JSON :
number : 141

但是当我尝试打印它时，结果在这篇文章的顶部。

我显然缺少某些东西，或者只是有关结构的知识。如果有人有想法，我会很乐意接受帮助，谢谢。

Answer 1

由于

connectionsAlive

方法对服务器执行http调用，因此这是异步操作。
您应该将.then（）附加到此。connectionsAlive（）

this.connectionsAlive().then(x => {
    console.log(x)
    for (var property in x) {
        console.log(property)
    }
})

我还没有尝试过，但是希望它可以帮助您发现问题。您可以在这里找到有关承诺的更多阅读内容：https://hackernoon.com/understanding-promises-in-javascript-13d99df067c1

如何在Javascript中检索get请求的值

1 个答案: