jquery - jQueryの$.load（）メソッドに代わるより効率的な方法はありますか？

Question

.load()私の質問は、jQueryのメソッドの使用に関するものです。以下のコードは、私のサイトのページから現在のページにいくつかのコンテンツをロードします。

$('a').click(function(event){
    $('#result').load("mywebpage.html #report");
    event.preventDefault();
  });

これはうまく機能しますが、私が理解している.load()ように、上記で使用したメソッドは、実際にはmywebpage.html全体を返し、.という名前のdivのコンテンツを取得します#report。

mywebpage.htmlが特に大きなファイルで、忙しいサイトがある場合は、この呼び出しを最適化して、#reportdivの内容を返すようにします。

jQueryは静的なhtmlのみのWebサイトでこれを行うことができますか？

score 2 · Accepted Answer

はい、myreport.htmlその大きなHTMLから必要なものだけを含むを作成し、必要に応じてロードします

$('a').click(function(event){
    $('#result').load("myreport.html");
    event.preventDefault();
  });

score 1 · Accepted Answer

jQueryは静的なhtmlのみのWebサイトでこれを行うことができますか？

いいえ

結局のところ、jQueryはjavascriptです。メソッドは.load()AJAXベースになります。また、AJAXは完全なファイルのみをフェッチできます。部分的なファイルをフェッチできたとしても、divが最初にどこにあるかを_見つけるために、ファイル全体をフェッチする必要があります。

サーバーにアクセスできる場合は、これを行うXMLパーサーを使用してPHPページを作成できます。その要素のみをロードしたい場合は、別のhtmlファイルに保存してください。そうでなければ、いや。