如何使用YouTube API V3拉频道的订阅者数量?

时间:2018-08-28 01:19:31

标签: javascript youtube-api youtube-data-api

因此,我无法使用youtube API v3从youtube频道获取订阅者人数。我的代码似乎什么也没做,但不会出错。请忽略此代码中的大量换行符,因为我最近才知道它们很糟糕,现在正在解决。我不小心删除了旧代码并重做后遇到了问题。最终我到达了没有错误的地步,但是程序仍然无法正常工作。请记住,我是jquery和javascript的初学者,因此,如果这个问题非常明显或基本,我会向您道歉。

这是我的代码,供您在本文中全文参考。

<html>
<head>
<title> Serenepluto752 Online Counter Thingy</title>
<link rel="stylesheet" href="odometer-theme-default.css">
<script src="odometer.js"></script>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<style>
.odometer{
font-size: 100px;
}
</style>
</head>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script type="text/javascript">
$(document).ready( function() {
var chanName = "UCaoTOwH3Gj88J_uqinzIyZw";
loadChannel("UCaoTOwH3Gj88J_uqinzIyZw");
function loadChannel(name) {   
var url = "https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCaoTOwH3Gj88J_uqinzIyZw&key=AIzaSyCio_-QJ74DEF5Wp1ZGvVKw7eaKQxuUqiQ";
$.getJSON(url, function(data) {
$('odometer').html(data.items[0].statistics.subscriberCount);
});
}
});
</script>
<body>
<body background = background.jpg>
<center>
<div id="odometer" class="odometer"></div>
</center>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font size="100">YouTube Subscriber Count</font>
</body>
</html>

以下是我为解决此问题而尝试做的一些事情。

  • 删除代码中的大量线路制动器。
  • 检查拼写错误,我花了一个多小时来完成这项工作。
  • 保存多次+重新启动代码编辑器Visual Studio Code。
  • 阅读API指南。
  • 向朋友求助。

尽管这些都没有帮助,所以我不得不发表这篇文章。我想首先研究堆栈交换中有关同一问题的帖子,但他们也没有帮助我。

感谢您阅读本文,希望有人能尽快帮助我。

再次感谢,祝大家有个美好的一天!

1 个答案:

答案 0 :(得分:0)

您的选择器错误:

$('odometer')

应该是

$('#odometer')

结帐:https://www.w3schools.com/jquery/jquery_ref_selectors.asp