问statuspage io json解析
EN

Stack Overflow用户

提问于 2019-01-09 13:16:34

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

我只想将文本从json文件输出到html，api在这里：https://shopify.statuspage.io/api

function setup() {
  loadJSON("https://d33g96wd23dd.statuspage.io/api/v2/summary.json", gotData, 'jsonp');
}

function gotData(data) {
  var output = document.getElementById('output');
  output.innerHTML = data.status + ' ' + data.description;
}

<div class="w3-container w3-center" id="output"></div>

json

ajax

回答 1

Stack Overflow用户

发布于 2019-01-09 16:32:41

如果要呈现数组的第一个元素，可以使用以下代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var output = document.getElementById('output');
  $.getJSON( "https://d33g96wd23dd.statuspage.io/api/v2/summary.json", function( data ) {

  output.innerHTML = data.components[0].status + ' ' + data.components[0].description;
});
});

</script>
</head>
<body>

<div class="w3-container w3-center" id="output"></div>

</body>
</html>

否则，你可以交替循环你的append方法。

票数 0

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

原文链接：

https://stackoverflow.com/questions/54103621

复制

相似问题

问statuspage io json解析
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问statuspage io json解析EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问statuspage io json解析
EN