ajax - AJAX による遅延読み込み - サーバーからの JS テンプレートまたは HTML

Question

私は開発に少し慣れていないので、この質問が些細なことであれば申し訳ありません。サーバーに AJAX 呼び出しを送信し、データベースにクエリを実行し、表示される次のデータのバッチを返すことにより、遅延読み込みを実装しようとしています。JSONをAJAX呼び出しへの応答として送り返し、mutache.js v/sのようなテンプレートエンジンを使用してサーバーから直接HTMLを送信する利点はありますか? HTML を送信しないように警告する人が何人かいますが、HTML を送信することのデメリットがわかりません。ありがとう！！

Answer 1

データのみをクライアントに送信することで、HTML レンダリングをサーバーからクライアントにオフロードします。これは、他の HTTP 要求を処理するための CPU サイクルと帯域幅が増えることを意味します。

私は ember.js を使用してクライアント側でこれらのタスクを実行し、サーバー上の django アプリがデータを提供することに喜びを感じていました。

Answer 2

両方の方法を実行できます。

HTML の送信は、ユーザーにとって高速です。ただし、レンダリングされたデータを再利用することはできず、毎回 HTML の一部をリロードする必要があります。これでいいかも。人々はこのアプローチを何年も使用してきましたが、私はこれが今でも最も人気のあるアプローチであると信じています。HTMLアプローチが機能します！

HTML への悪意のある JavaScript の挿入からの保護について考える必要があるかもしれません。

JSON ベースの通信プロトコルを使用している場合は、より複雑な JavaScript クライアントを作成できます。他のタイプのクライアントで再利用しやすい場合。JSON から HTML をレンダリングするには、より多くの時間が必要です (ただし、JSON データを再利用することでより多くの時間を節約できます)。また、JS ではなくプレーンな JSON を使用すると、より安全なアプリケーションが得られます。