javascript - jQueryは変数をロードし、2つの部分に分割しますか？

Question

コードのパフォーマンスを向上させる方法を探しています。現在、私はこれに似た何かをしています：

$(".div1").load("Page.aspx #section1");
$(".div2").load("Page.aspx #section2");

ただし、これは2つのGETリクエストを行う必要があることを意味します。次のようなことを行うことで、これを1つのリクエストに減らす方法はありますか？

var content = $.load("Page.aspx");
$(".div1").html(content("#section1"));
$(".div2").html(content("#section2"));

乾杯！

score 1 · Accepted Answer

これを試して：

$.get('Page.aspx', function(data) {
  var dom = $(data);
  $(".div1").html(dom.find("#section1"));
  $(".div2").html(dom.find("#section2"));
});

domところで：私の例では<body>タグコンテンツの最初のレベルを保持してfindいて、この最初のレベルでは何も見つからないため、セクションの周りにホルダー要素が必要になる可能性があります。

<body>
  <div id="holder">
    <div id="section1"></div>
    <div id="section2></div>
  </div>
</body>

score 0 · Accepted Answer

JSONを使用するように切り替えることはできますか？

$.getJSON('Page.aspx', function(data) {
    $(".div1").html(data.section1);
    $(".div2").html(data.section2);
});

これは、サーバーからの応答をエンコードする必要がありますが、通常のgetを実行して結果をトラバースするよりも高速です。

2 に答える 2