最近,我为我的博客或blogspot网站创建了一个简单的代码来显示作者的数据,如作者的名字与URL,图像和他们发表的文章编号。
然后我试着显示作者的评论号。通过这个网址https://tailwindbt.blogspot.com/feeds/comments/default?alt=json-in-script&max-results=500&callback=handleJsonpData
,我们可以得到一个博客网站的所有评论。在这里,我们可以得到所有的评论与名称,评论消息和许多。
因此,我试图,显示作者的评论数旁边他们的名字.我写了这个代码,但它不工作。在我的博客里有三个作者,他们中的任何一个都有一些评论。
我的代码有两个扇区。我想使这两个代码的组合,以显示评论作者的数量,如果作者有任何意见。
这是第一部分,以获得评论。在这里我手动应用了一个名称,并检查该名称是否有注解,并显示编号。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="comment-count"></div>
<div id="iacman-comment-count"></div>
<script>
function displayCommentCount(data) {
var totalCommentCount = 0;
var iacmanCommentCount = 0;
if ('entry' in data.feed) {
totalCommentCount = data.feed.entry.length;
for (var i = 0; i < data.feed.entry.length; i++) {
var authorName = data.feed.entry[i].author[0].name.$t;
if (authorName === 'Iacman') {
iacmanCommentCount++;
}
}
}
document.getElementById('comment-count').innerHTML = '<h2>Total Comments: ' + totalCommentCount + '</h2>';
document.getElementById('iacman-comment-count').innerHTML = '<h2>Comments by Iacman: ' + iacmanCommentCount + '</h2>';
}
function handleJsonpData(data) {
displayCommentCount(data);
}
var script = document.createElement('script');
script.src = 'https://tailwindbt.blogspot.com/feeds/comments/default?alt=json-in-script&max-results=500&callback=handleJsonpData';
document.body.appendChild(script);
</script>
字符串
这是获取博客作者详细信息的第二部分。
<link href='https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css' rel='stylesheet'/>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/7dfc182d96.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<style>.author-image {cursor: pointer;}</style>
<div class="mb-0 mt-12">
<h4 class="mb-0 text-black dark:text-gray-300"><i class="fa-solid fa-user-vneck-hair"></i> Authors and Writers </h4>
</div>
<div class="tbt_all_authors-list mt-0 mb-16 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-5"></div>
<script>
let feedURL = "https://tailwindbt.blogspot.com/feeds/posts/default?alt=json-in-script&callback=?&max-results=500";
$.getJSON(feedURL, function(data) {
let authors = [];
$.each(data.feed.entry, function(index, entry) {
if (entry.author) {
let authorName = entry.author[0].name.$t;
let authorImage = entry.author[0].gd$image.src;
let authorAbout = '';
if (entry.author[0].gd$about) {
authorAbout = entry.author[0].gd$about.$t;
}
let authorProfileUrl = entry.author[0].uri.$t; // Extract the author profile URL
let authorExists = false;
let authorIndex;
$.each(authors, function(index, author) {
if (author.name === authorName) {
authorExists = true;
authorIndex = index;
}
});
if (authorExists) {
authors[authorIndex].count++;
} else {
authors.push({ name: authorName, image: authorImage, count: 1, about: authorAbout, profileUrl: authorProfileUrl });
}
}
});
authors.sort(function(a, b) {
return b.count - a.count;
});
$.each(authors, function(index, author) {
let html = '<div class="flex bg-white dark:bg-gray-700 dark:text-gray-300 shadow rounded">' +
'<a href="' + author.profileUrl + '" target="_blank" class="author-image flex items-start px-3 py-3">' +
'<div class="w-20 h-20 rounded-full object-cover mr-4 shadow" style="background-image: url(' + author.image + '); background-repeat: no-repeat; background-position: center; background-size: cover;"></div>' +
'<div class="">' +
'<div class="flex items-center justify-between">' +
'<div class="text-md font-semibold text-gray-900 dark:text-gray-300 mt-3">' + author.name + '</div>' +
'</div>' +
'<div class="text-gray-700 dark:text-gray-400">Posts: ' + author.count + ' </div>' +
'</div>' +
'</a>' +
'</div>';
$('.tbt_all_authors-list').append(html);
});
});
</script>
型
我想合并这两个代码来找到作者的评论号。如果作者有任何评论,它应该自动显示编号。我不知道如何合并这两个代码,以显示作者的评论数,如果作者有任何评论。请有人帮我找出来。我尝试了很多方法,但都不起作用。
1条答案
按热度按时间de90aj5v1#
你在html元素中使用了sfwCommentCount变量,但它超出了这个范围,这就是为什么它不起作用
字符串