Как справиться с нумерацией страниц с помощью JQuery и AJAX?

Question

На моем сайте есть ссылки First, Prev, Next и Last. Это пустые ссылки, которые захватываются и обрабатываются JQuery. Тем не менее, все еще будучи новичком в AJAX и JQuery, я не уверен, как достичь того, чего я хочу. Я полагаю, что я могу заставить это работать, используя post , но единственная проблема состоит в том, что я хочу, чтобы номер целевой страницы указывал на URL в следующем формате:

http://www.mywebsite.com/index.php?page=3

Затем при загрузке страницы я использовал бы переменную $ _GET, и с номером страницы я мог бы запросить соответствующие таблицы из базы данных и отобразить их пользователю.

По сути, я спрашиваю, как заставить имитировать это поведение с JQuery.

Answer 1

Вы можете сделать что-то вроде этого:

Javascript:

function pagination(page) {
    if (!page)
        var page = 1;

    $.post("index.php", { page: page }, function(data) {
        // data loaded, do something
   });
}

Тогда вам просто нужно вызвать функцию javascript:

<a href="javascript:pagination(1);">Prev</a> <a href="javascript:pagination(2);">Next</a>

Answer 2

Пока вы запрашиваете это с того же сайта, что и сценарий, вы можете сойти с рук.

Чтобы загрузить удаленный контент (Google Межсайтовый скриптинг для ограничений), jQuery имеет простую функцию:

$('#result').load('ajax/test.html');

Это загружает test.html в элемент с идентификатором #ajax. Довольно просто.

Чтобы получить аргументы, вы можете использовать этот сценарий (ссылка на http://jquery -howto.blogspot.com / 2009/09 / get-url-parameters-values-with-jquery.html ):

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

Там же доступна информация об использовании.