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 для достижения своей задачи.