文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript不接受JSON数据作为变量

问Javascript不接受JSON数据作为变量
EN

Stack Overflow用户

提问于 2021-11-13 14:41:58

回答 1查看 42关注 0票数 1

我正在尝试连接到一个API来显示我的网站上的一些数据。

我已经将Http定义为new XMLHttpRequest();，url定义为API端点。

下面是代码：

Http.open("GET", url);
Http.send();
Http.onreadystatechange = (e) => {
      var api = JSON.stringify(Http.responseText)
      document.getElementById("stat").innerHTML = "Powering over " + api.total_bandwidth.TB + "TB of private internet traffic"
}

但是，当我运行代码时，会得到以下错误：

Uncaught : api.total_bandwidth未定义

这里怎么了？Http.responseText已经是一个对象了吗？我把API定义错了吗？

这是api的反应

{"total_bandwidth": {"GB": 110842.05, "TB": 108.24, "PB": 0.11}}

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-11-13 14:56:23

您正在紧张对象(响应)，然后尝试从字符串中获取"TB“。

尝试解析api，然后从其中获取属性：

Http.open("GET", url);
Http.send();
Http.onreadystatechange = (e) => {
    var api = JSON.stringify(Http.responseText);
    var apiJson = JSON.parse(api);
    document.getElementById("stat").innerHTML = "Powering over " + apiJson.total_bandwidth.TB + "TB of private internet traffic";
};

编辑:原来"JSON.stringify“实际上是一个错误。

我想你是想用JSON.parse而不是JSON.stringify..。-罗宾·齐格蒙德

我认为您的意思是JSON.parse (解析响应文本)而不是JSON.stringify

Http.open("GET", url);
Http.send();
Http.onreadystatechange = (e) => {
      var api = JSON.parse(Http.responseText);
      document.getElementById("stat").innerHTML = "Powering over " + api.total_bandwidth.TB + "TB of private internet traffic"
}

在JSON.parse上了解更多关于的信息

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69955297

复制

相似问题

问Javascript不接受JSON数据作为变量
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript不接受JSON数据作为变量EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript不接受JSON数据作为变量
EN