如何使用JS从一个HTML页面拉取数据并在另一个页面上使用？

Question

我正在建立一个具有文章页面的网站，在主页上我们有一个特色文章(最近的一个)。当我们上传一篇新文章时，我们希望主页上的文章自动更新。

因此，我需要做的是在页面加载时使用JS函数，然后在文章文件中搜索具有最新日期的文章，并从此元素中提取数据并在主页上使用它。

Answer 1

你会发表很多文章吗？频率是多少？

在任何情况下，如果您构建了用于检索文章的简单API，那么您可以使用下面的方法来实现您的目标。

1. 创建一个轻量级API为您提供有关文章的最新详细信息，例如HEAD /{category}/articles这可能会返回最新的文章Id。
2. 从step1中比较您以前检索过的文章Id。
3. 如果从第一步获得了最新的文章Id，则使用HEAD触发另一个API以获取文章数据

您可以使用标准AJAX或简单的轮询框架，根据您的需要以标准频率执行上述步骤。有关更多详细信息，请参阅此https://javascript.info/long-polling

Answer 2

我会推荐使用SSE (服务器发送的事件)，它无需页面刷新，可以连续检查数据库中的最新数据。

请查看下面的链接

https://www.w3schools.com/html/html5_serversentevents.asp