自動更新のJavaScriptテンプレートを作成するにはどうすればよいですか？

Question

私はJavaScriptを使用してデータに基づいてWebアプリケーションを作成しています。このデータはjsオブジェクトとして保存され、AJAXを使用して常に更新されています。オブジェクトにはソートやフィルタリングなどのデータを再編成するいくつかのメソッドと、jsテンプレートを使用してデータを表すhtmlを更新するrender()というメソッドがあります。

私が望むのは、データオブジェクトが変更されるたびに自動的にレンダリングメソッドが呼び出され、ビューが更新されるということです。これを行うには、データを変更するすべてのメソッド内でrender()を呼び出すだけで済みますが、私はよりクリーンな方法を探しています。

私はオブザーバーパターンについて何かを読んだことがありますが、私はそれに精通していません。これを達成するためにそれを使用できるかどうかはわかりません。また、私はObject.watch（）メソッドについて知っていますが、それはすべてのブラウザでサポートされていないため、使用できません。

私はこれを行うにはどのような提案や例がありますか？

ありがとうございました。

Answer 1

多くの場合、流れはこのようなものです：

1. のAjaxを呼び出します。
2. Ajaxコールから正常に戻ると、データを変更します。
3. それから、すべてをレンダリングするためにrender（）を一度呼び出します。
4. 何らかの間隔または何らかの条件の後に1にジャンプします。

これは、Ajaxのアップデートごとに1つのrender（）コールを提供します。これはあなたが望むものと思われます。

HTH