jQuery和Ajax动态加载新页面

Question

我正在尝试创建一个包含页面列表的静态微型网站。我有一个主文件'index.php'，其中包含以下链接列表：

<a href="/pages/page1.php">Go to page 1</a>

<a href="/pages/page2.php">Go to page 2</a>

我正在尝试做的事情就像（http://voiceandtone.com/），当你点击一个页面时，它淡出你所在的当前页面并在新页面中设置动画而不刷新页面。

有谁知道我是如何实现这一目标的，或者是否有任何可以帮助我的好教程？

Answer 1

也许是这样的？

$(document).ready(function() {
    $("a").click(function() {
         $('#result').load("http://domain.com" + $(this).attr('href'), function(){
            // Stuff to do after the page is loaded
         });
    });
});

这里是文档http://api.jquery.com/load/

Answer 2

答案是Ajax。您可以使用GET或POST方法来完成任务。