jQuery RSS: 快速、简单地在网页中显示RSS源内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery RSS Reader</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: "https://api.rss2json.com/v1/api.json?rss_url=https%3A%2F%2Fwww.sitepoint.com%2Ffeed%2F",
dataType: "json",
success: function(data) {
$('#rssOutput').html('');
for(i=0; i<10 && i<data.items.length; i++) {
var template = '<div class="post"><h3><a href="' + data.items[i].link + '">' + data.items[i].title + '</a></h3><p>' + data.items[i].description + '</p></div>';
$('#rssOutput').append(template);
}
}
});
});
</script>
<style>
.post {
margin-bottom: 50px;
}
</style>
</head>
<body>
<div id="rssOutput"></div>
</body>
</html>这段代码使用jQuery和ajax方法从指定的RSS源获取数据，然后将前10篇文章的标题和描述显示在页面上。这个例子展示了如何在网页中集成RSS提要内容，并且是一种快速的方式来显示最新的新闻或博客文章。
评论已关闭