0

divこのようなタグの付いたページがあります

<div class="ajax-load">

<!-- First.php: jquery-slider-1
            jquery-widget-1

    second.php: jquery-slider-2
                jquery-widget-2
 -->

</div>

そして、buttonこのような

<button class="go-to-page-2">

をクリックするbutton with class go-to-page2と、いくつかの php ページをロードする必要がありfour.php and five.phpますdiv with class ajax-load.

プレーンを使用markupすると、このように簡単に配置できます

<?php
    require_once("four.php");
    require_once("five.php");
?>

しかし、私はこれを望んでいません。load contents into the div using ajax. 私はこれを試したい：

 $(".ajax-load").load("4.php")

しかし、これを使用して 5.php をロードまたは追加することはできません。これを克服する方法は？使用する準備ができました$.get and $.post

4

3 に答える 3

0

代わりに $.get を使用してください。

$.get('4.php', function(data) {
$('.ajax-load').prepend(data); //ensure this is appended before 5.php
});
$.get('5.php', function(data) {
$('.ajax-load').append(data); //ensure this is appended after 4.php
});

しかし、それは完璧ではありません。2 つの個別の非同期 ajax リクエストとして実行されます。そのために $.Deferred を使用するか、ajax コールバックを使用できます (w00d の回答を参照)。

于 2013-09-09T15:35:18.330 に答える