如何創建一個自動更新的JavaScript模板？

Question

我正在使用JavaScript創建基於數據的Web應用程序。這些數據存儲爲js對象，並不斷使用AJAX進行更新。該對象有一些重組數據的方法，例如排序和過濾，以及一種名爲render()的方法，該方法使用js模板更新html來表示數據。

我想要的是每次數據對象改變時它都會自動調用render方法來更新視圖。我知道這可以通過在修改數據的所有方法中調用render()來完成，但我正在尋找一種更乾淨的方法來完成此操作。

我已經閱讀了一些關於觀察者模式的內容，但是我並不熟悉它，我不知道是否可以使用它來實現此目的。另外我知道Object.watch（）方法，但不支持所有瀏覽器，所以我不能使用它。

您有任何關於如何操作的建議或示例？

謝謝。

Answer 1

通常情況下，流量是這樣的：

1. 呼叫阿賈克斯;
2. 成功從Ajax調用返回時，更改數據;
3. 然後調用render（）來渲染一切;
4. 經過一段時間或某種情況後轉到1。

這給你一個render（）調用每個Ajax更新，這可能是你想要的。

HTH