javascript - 更新动态 HTML 文件

Question

我有一个应用程序，其中应用程序的用户在应用程序运行时与 HTML 页面相关。

在运行期间，HTML 文件不断更新。为了处理每次更新，HTML 文件会以固定的时间间隔刷新。

有没有其他更好的方法可以更有效地实现这一点和/或从用户的角度隐藏刷新技术？

任何帮助将不胜感激。

Answer 1

如果您所做的不涉及从服务器检索数据，而是涉及页面本身发生的某种过程，例如时钟，我会使用 setInterval

setInterval(function(){myFunction()},1000);

这将每秒调用一次 myFunction()，在该函数内部，您可以根据需要更改视觉元素。

您可能还需要考虑使用 Javascript MVC 框架，例如 Backbone.js 或 Angular.js，它们可以在应用程序的整个生命周期内处理更改映射到 javascript 变量的 html 元素的外观。

Answer 2

从您的问题看来，您好像在更新服务器上的 HTML 文件以响应用户操作。我猜这不是你的意思。但是，如果是的话，几乎可以肯定有更好的方法来做你想做的事——这取决于它到底是什么。

如果您只是向用户显示新信息，您将需要使用 Javascript 来更新页面的 DOM。对于初学者来说，最简单的方法是从查看 jQuery 教程开始。使用 Javascript（可能由 jQuery 辅助），您可以轻松地更新页面任何部分的内容，而无需以任何方式实际更改原始 HTML 文件。

如果您希望为以后访问它的每个人更新页面，那么您需要将新信息放入数据库中，并在您请求或加载页面时从数据库中获取内容。

如果您确切地指定了您要尝试做的事情，那将有很大帮助。