如何创建自动更新的JavaScript模板？

Question

我正在使用javascript创建基于数据的Web应用程序。此数据存储为js对象，并使用AJAX不断更新。该对象有一些重组数据的方法，比如排序和过滤，以及一个名为render()的方法，它使用js模板更新html来表示数据。

我想要的是每次数据对象改变时它会自动调用render方法来更新视图。我知道这可以通过在我修改数据的所有方法中调用render()来完成，但我正在寻找一种更简洁的方法来实现它。

我已经阅读了一些有关观察者模式的内容，但我不熟悉它，我不知道是否可以用它来实现这一点。我也知道Object.watch（）方法但所有浏览器都不支持，所以我不能使用它。

您对我该怎么做有任何建议或示例吗？

感谢。

Answer 1

通常，流程是这样的：

1. 调用Ajax;
2. 从Ajax调用返回成功时，更改数据;
3. 然后调用render（）一次以呈现所有内容;
4. 在一段时间间隔或在某种情况下转到1。

这为每个Ajax更新提供了一个render（）调用，这可能是你想要的。

HTH