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

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 调用，因此它是一个异步操作。
你应该在 this.connectionsAlive() 后面附加一个 .then()

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

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