<html>
<head>
<script>
var request = new XMLHttpRequest();
request.open('GET', 'https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCiWypivJjO5CIQPVVfFlVQA&key=AIzaSyD5FVw6fP3ingbjTvUEzm-EYctX2ytfL2Y', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
// Success!
var data = JSON.parse(request.responseText);
} else {
// We reached our target server, but it returned an error
}
};
</script>
</head>
<body>
</body>
</html>
我的问题很简单，我已请求 JSON YouTube v3 数据 API，但是，我想显示从链接请求的数据:https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCiWypivJjO5CIQPVVfFlVQA&key=AIzaSyD5FVw6fP3ingbjTvUEzm-EYctX2ytfL2Y即订阅者计数，我如何能够使用此 GET 请求将订阅者数量加载到元素的 innerHTML 中？我必须做什么？
最佳答案
使用通过解析 JSON (data) 获得的对象，获取 subscriberCount 值，并使用 .innerHTML< 将其放入 div 或其他元素中。确保使用 request.send() 实际发送 AJAX 请求。
<html>
<head>
<script>
var request = new XMLHttpRequest();
request.open('GET', 'https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCiWypivJjO5CIQPVVfFlVQA&key=AIzaSyD5FVw6fP3ingbjTvUEzm-EYctX2ytfL2Y', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
var data = JSON.parse(request.responseText);
document.getElementById("subs").innerHTML = data.items[0].statistics.subscriberCount;
} else {
// We reached our target server, but it returned an error
}
};
request.send();
</script>
</head>
<body>
<div id="subs"></div>
</body>
</html>关于javascript - 显示 JSON 请求，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43703042/