HTMLを扱う非同期呼び出しの最適な方法は何ですか？

Question

私はコミュニティが何を考えているのか興味があります。

DOMのHTMLに注入したいデータを持つ非同期呼び出しを処理するための最良のアプローチはどれですか？

1. DOMに注入する直線HTMLでリクエストを返します。
2. DOMに注入するHTMLを含むJSONオブジェクトでリクエストを返します。
3. 戻るあなたが注入前に、あなたのDOMにHTMLに操作し、ラップJSONオブジェクトと要求
4. 他のアプローチ

は、他の上の1つを使用することの利点はありますか？

Answer 1

第3のオプションは、おそらく最適なアプローチです。生のHTMLを送信するだけで、必要以上にペイロードを大きくすることはできませんが、内容に関係なくHTMLがすぐに挿入されて実行されるため、非常に安全です。

最も良いことは、おそらくデータを送信し、そのデータを何かHTML構造にラップすることです。たとえば、データが大量の場合は反応し、小さければ単純なjavascriptです。

基本的に3番目のオプションは、ページを事前レンダリングするよりもサーバーからJSONオブジェクトを送信するほうがずっと簡単であることを除けば、データを節約し、より安全です。

API呼び出しなどの非同期呼び出しを使用する場合、このアプローチは実際にはベストプラクティスであることに注意してください。最初のページロード番号の場合、ユーザーの最後で不要な作業を防ぐことができます。