私は最初の ajax を多用するアプリケーションを構築していますが、そのようなことに対する適切なアプローチがわかりません。
たとえば、html パーシャル (フォーム) で ajax を実行すると、次のようになります。
$('#content').load('form.html');
javascript と css をどのように含める必要がありますか?
もちろん、それらを元のドキュメントに含めることもできますが、フォームが読み込まれないと無駄に思えます。<script>および要素を使用して (form.html で) インライン化できます<style>が、それは間違ったアプローチのようです。
$.getScript() は、form.html で使用される js ファイルをロードする追加の http 要求を作成します。
たとえば、ajax 経由で 20 のフォームをロードする場合、20+20 の http リクエストを作成する必要があります (js ファイルのロードに 20、フォームの html のロードに 20)。
考えられる最適化されたアプローチは次のとおりです。
最初にすべてのcss（縮小）をロードします。
縮小した後でも 1 つの js ファイルが非常に大きい場合、
さまざまなファイルでの使用の可能性に基づいて js 機能を調整します ((ファイルの数が少ないほど良い)。
それらのファイルを縮小し、最初に最も確率の高いファイルを読み込みます。
そして、ファイルが既にロードされているかどうかを確認した後、 $.getScript() を使用してファイルをロードします。
$.getScript()別の JS ファイルを使用して、コールバックで使用してロードでき.loadます。
インライン CSS は正常に動作するはずですが、メイン ページが台無しになるリスクがあるため、AJAX ではなく、メイン ページの一部としてロードする必要があります。
しかし、私だったら、メインページに対象を絞った JSおよびCSS コードを数行追加することを恐れません。別のネットワーク接続を起動してダウンロードを待つよりも、同じファイルをダウンロードしてください。