php - ループ内のコンテナーへの .load() html コンテンツ

Question

コンテナ $('#container') があり、いくつかの要素をコンテナに動的にロードしたいと考えています。subElement.php という php レイアウトがあります。したがって、私のコードは次のようになります。

for(i = 0;i<10;i++){
    $('#container').load('subElement.php?id='+i,function(data){});
}

コンテナーに読み込まれる subElement.php レイアウトは 1 つだけです。どうすればこれをより良い方法で行うことができますか?

Answer 1

理想的には、一度にすべてのデータを取得するように PHP スクリプトを書き直して、必要な.load. そうすることで、ユーザーのネットワーク接続がより速く、より穏やかになります。

ただし、あなたが私たちにあなたが持っているもので作業するように頼んだので:

for(i = 0;i<10;i++){
    $('#container').append($('<span>').load('subElement.php?id='+i));
}

ただし、これらの<span>要素がコードを台無しにする場合は、代わりにExplosion Pills のようなソリューションを使用する必要があります。

Answer 2

.loadその都度内容を上書きします。代わりに、おそらく次のように追加する必要があります。

$.get('subElement.php?id=+1', function (data) {
   $("#container").append(data);
});

Answer 3

ループのたびに、load()は$('#container') の内容を要求した新しいものに置き換えます。

効率を高めるために最善の方法は、10 個の個別の HTTP リクエストを作成するのではなく、すべてのサブ要素を一度に ajax することです。

何らかの理由で複数の要素の取得をサポートするように API を変更できない場合、別の方法として .get() を使用し、単一の置換を行う前にすべての回答を収集します。

Answer 4

$('#container').append('some content')に追加して使用できます#container。