Пэйджинг без перезагрузки страницы?

Question

[ken3013]

Есть PHP массив, разбит на страницы, переходим по страницам GET запросом вида - result.php?page=1..2..3..4
Как сделать переход по страницам без перезагрузки самой страницы?
Количество страниц и сами страницы с результатом получает файл result.php.
На сколько я понимаю нужно создать отдельную страницу и оттуда вызывать Ajax'ом result.php с Get запросом page.
У кого есть готовое решение или кто-нибудь сможет пример привести?
Javascript очень плохо понимаю.

Answer 1

[ken3013]

В файле result.php подкружаем результат вызова index.php?page={num page}
Так же в файле result.php прописаны вручную ссылки на страницы:

<a href="#" class="paginate_click" id="1-page">1</a>
<a href="#" class="paginate_click" id="2-page">2</a>
<a href="#" class="paginate_click" id="3-page">3</a>

Контент подргружается как и должен без перезагрузки страницы. НО, номера страниц у меня находятся в файле index.php ! И если я вызываю из файла index.php ссылку вида:

<a href="#" class="paginate_click" id="3-page">3</a>

То у меня контент не подгружается! Так как Ajax прописан в файле result.php

$(document).ready(function() {
	$("#results").load("index.php", {'page':0}, function() {$("#1-page").addClass('active');});
	
	$(".paginate_click").click(function (e) {
		
		$("#results").prepend('<div class="loading-indication"><img src="ajax-loader.gif" /> Loading...</div>');
		
		var clicked_id = $(this).attr("id").split("-");
		var page_num = parseInt(clicked_id[0]);
		
		$('.paginate_click').removeClass('active');

		$("#results").load("index.php", {'page':(page_num-1)}, function(){

		});

		$(this).addClass('active');
		
		return false;
	});	
});