Ajax追加ロード

Question

それはjQueryである必要があります

(a、b、c、d、e、f) に 6 div のファイル text.html があります。

別のファイルに div があり、a+b+c+d+e+f の内容をその単一の div に移入するのが好きです

私は.load =がbしかしb remplace a私はappendを試しましたが、私は一時的なvarが必要です

だから今私は立ち往生しています

そのコードはファイル textes.html からコンテンツを取得します ...div #a を作成し、その内容を div #right に置きますが、2 番目の libe は right a の内容を right b に置き換えます。

私は、a の上に b ではなく、a + b というコンテンツを追加するのが好きです

$(document).ready(function(){
var temp = load('textes.html #nicolas');
$('#right').append(temp);
var temp = load('textes.html #antoine');
$('#right').append(temp);
.
.
.
.

return false;
});

そのコードは機能するはずの背後にあるアイデアですが、コンテンツを変数にロードしてコンテンツを div に追加する ajax .load() を作成することはできません。

<script type="text/javascript">
$(document).ready(function(){    
$.ajax({
  url: "textes.html",
  cache: false,
  success: function(html){
    $("#right").append(html);
  }
});
});
</script>

そのコードはHTMLファイル全体をロードします。私は選択されたDIVの一部のみを取得したいのですが #

Answer 1

$(document).ready(function(){    
    $.get("textes.html",function(data){
        $("#right").append($("#nicolas",data)).end().append($("#antoine",data));
    },'html');    
});

Answer 2

先ほど同様の問題が発生しましたが、.load() 関数を使用して必要なことを行う方法を見つけたと思います。あまりきれいではありませんが、気にしないでください;）

まず、「visibility:hidden」スタイルで「TempDiv」を HTML に追加しました。

<div id="TempDiv" style="visibility:hidden"></div>

次に、 jQuery を実行します。

$(document).ready(function(){
        $('#TempDiv').load('textes.html #nicolas', function(){
            $('#right').append($('#TempDiv').html());
        });

    });

それが最善の方法かどうかはわかりません。

追伸：これが私の最初のスタックオーバーフロー投稿です ;)

Answer 3

試す、

$.get('url.php', function(data) {
    $("#right").append(data);
});

Answer 4

これは jQuery に似ていますか?使用しているフレームワークについての言及が見当たりませんので、使用しているフレームワークを記載してください。とにかく、追加は機能するはずです。次のようなことをしてください:

mydiv.append(a.text());
mydiv.append(b.text());
mydiv.append(c.text());
mydiv.append(d.text());
mydiv.append(e.text());
mydiv.append(f.text());

それらはすべて mydiv に追加する必要があります。注記：HTML も必要な場合は、.text() の代わりに .html() 関数を使用します。

Answer 5

JQuery ( http://jquery.com/ ) は、AJAX リクエストを実行して他のファイルを取得するために使用できる優れた JavaScript ライブラリです。詳細については、この質問を参照してください。 jQuery を使用して XMLHttpRequest を置き換えます