ajax呼び出しを使用してデータを変更する場合、データベースとWebページ間の同期を実現する最良の方法は何ですか? 例を挙げると、コメントを追加するためのフォームがあり、これを非同期で動作させたいとします。したがって、そのフォームをデータベースに送信する JS コードを作成します。ページを更新せずにこの新しいデータをユーザーに表示するためのベスト プラクティスは何ですか? 現時点では、この問題に対する 3 つの解決策を考えることができます。
サーバーから OK メッセージを受け取った後、このデータを処理してページ上の適切な要素に挿入するコールバックに JS コードを入れます。
サーバーからの応答として、要素に表示する必要があるすべてのデータを送信し、JS を使用してすべてを挿入します。
サーバーからの応答として、処理された新しいデータのみが送信され、適切な場所に挿入されるため、1 と 2 の混合のようなものです。
1 のコードの重複は好きではありません。つまり、処理ロジックを 2 回実装する必要があります。サーバーから送信されるデータのオーバーヘッドのため、2.も好きではありません。3 については、私はこのアプローチが最も気に入っていますが、データの送受信のオーバーヘッドがまだいくらかあります。ほとんどの場合、これらのオーバーヘッドがシステムの機能に影響を与えないことはわかっていますが、この問題に対する他の解決策があるかどうか、またデータが同期していることを確認するためのベスト プラクティスは何かを知りたいです。