【问题标题】:Dynamic loading html动态加载html
【发布时间】:2019-05-22 14:26:24
【问题描述】:

我正在使用 node.js、express 和车把。

目前我正在通过 res.render() 将 json 传递给 hbs。在 hbs 中,我使用 {{#each dataJson}} 对其进行迭代并列出我的 json 的内容。现在......如果我的 json 有一百万个条目怎么办?那么加载我的页面需要很长时间,对吧?

现在我的问题: 如何加载该动态?我希望页面在显示已加载内容的同时从 json 加载 html。

对不起,我的英语不好。这不是我的母语。

最好的问候

纳格罗斯

【问题讨论】:

  • 一个典型的解决方案是让 Express 服务器提供一个大部分为空的页面,即尚未显示数据,然后使用 Ajax 调用在客户端加载数据。很难提供正确的答案,因为 IMO 您的问题不适合该平台,该平台主要针对带有代码示例的特定问题。
  • 是的。我目前正在使用手机,现在无法提供任何代码。我看看以后能不能加一些。感谢您对 ajax 的建议。

标签: html node.js json express handlebars.js


【解决方案1】:

您需要实现延迟加载机制。 您不需要在初始加载时加载所有数百万条记录,而是需要以块的形式发送它。根据视口,可以决定记录并加载第一页。当用户查看这些记录时,您需要发送另一个 API 请求来获取下一个块,依此类推。 这只会将必要的记录加载到 UI。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-06
    • 2022-01-04
    相关资源
    最近更新 更多