Лучший способ загрузки внешней страницы с помощью AJAX

Question

Я не очень разбираюсь в AJAX, но кто-нибудь может написать мне быстрый код для переключения тега DIV с внешней страницы.

Например:

<script type="text/javascript">
// Fun Stuff Here //
</script>

<div id="random">HIDDEN</div>

<a href="externalpage.php?random=78"></a>

Было бы УДИВИТЕЛЬНО, если контент мог бы исчезнуть при загрузке.

Хорошо, пока у меня есть это (но, похоже, оно не работает):

<ul>
    <li><a href="random.html" class="load">ss3</a></li>
    <li><a href="random.php" class="load">ss4</a></li>
</ul>

<script type="text/javascript">
    $(function(){
        $("a.load").click(function (e) { 
            e.preventDefault();
            $("#folioWrap").load($(this).attr("href"));
        });
    });
</script>

<div id="folioWrap"></div>

Answer 1

Вы можете попробовать этот JavaScript AJAX loader jQuery-плагин, который может загружать содержимое элементов страницы через AJAX и изменяет все ссылки таким образом, что при нажатии на ссылки загруженного содержимого AJAX, содержимое нового элемента страницы также загружается через AJAX.

Полагаю, вы можете взломать его, чтобы добавить любые эффекты перехода, когда загружен новый элемент страницы.