javascript - 加载初始网站后在后台加载数据

Question

我有一个包含帖子和评论的提要。

我只显示最后 5 条评论，其他评论是 css 隐藏的，点击“显示所有评论”时会显示它们。

目前我的想法是在单击“显示”链接时获取这些评论(ajax)。

有没有办法在初始页面加载后立即在后台自动加载这些评论？

更新

<div class='container'>
    <div class='post'>This is a post</div>
    <div class='comment hidden'>This is a comment</div> # To load asynchronously
    <div class='comment hidden'>This is a comment</div> # To load asynchronously
    <div class='comment hidden'>This is a comment</div> # To load asynchronously
    <div class='comment hidden'>This is a comment</div> # To load asynchronously
    <a href='#'>Show all comments</a>
    <div class='comment'>This is a comment</div>
    <div class='comment'>This is a comment</div>
    <div class='comment'>This is a comment</div>
    <div class='comment'>This is a comment</div>
    <div class='comment'>This is a comment</div>
</div>

Answer 1

我认为流表是做到这一点的最佳方法。

StreamTable.js 背后的想法是最初填充最少的行(可能 10 或 20)，然后在后台静默传输数据并更新表。这确保了页面立即加载并且可以立即用于所有操作。可以安全地假设，如果用户在同一页面上停留的时间较长，那么用户很可能会在表上执行一些操作，例如搜索、页面导航等。因此我们可以延迟流数据的过程比如说页面加载后 2 秒。确保所有流式传输的数据必须立即可用也很重要。例如，2 秒后，如果我们流式传输了 1000 行，它们都应该是可搜索和分页的。

有关更多详细信息，请浏览此 link
这是最好的 js 库之一。