代码之家  ›  专栏  ›  技术社区  ›  Natalie Perret

如何从RESTAPI高效、定期地刷新bootstrap 4表的内容?

  •  0
  • Natalie Perret  · 技术社区  · 6 年前

    我想刷新引导v4表( https://getbootstrap.com/docs/4.0/content/tables )基于从服务器端获取的值,例如RESTAPI资源。

    我目前正在努力采用以下不同的方法:

    • WebSockets
    • 网络工作者
    • 递归设置超时+Ajax轮询
    • 还有其他更好的解决方案吗?

    我的主要要求是每500毫秒刷新一次(例如股票价格)。

    另外,我想知道如何最有效地处理表的DOM呈现。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Ravenous    6 年前

    Web工作者不能直接与DOM交互,而您的任务也没有那么密集。

    我认为websockets+dom通过(数据)属性和单独的节点插入操作,而不是一次插入一大块节点。它可能会慢一点,但没有太大的区别,你甚至可能没有注意到。见 Fastest DOM insertion

    我会单独更新,因为: 1)更整洁、可维护; 2)您不必担心事件委托或重新初始化特定的东西。 3)流感觉更自然,而不是仅仅得到一大块标记并“粘贴”到DOM中。

    如果您不想添加新的节点,只需监听现有节点上的数据更改,那么我会明确建议您进行基于属性的更改。