Se você quer fazer a paginação via ajax, sugiro uma pequena edição no seu código.
No trecho onde você coloca o link com o número da url no href
, eu colocaria num data-href
e pegaria esse valor via Javascript.
Exemplo:
"<a href='#' class='page-link' data-href='".$self."?page_no=".$previous."'>Back</a>";
Agora, ao invés de fazer a requisição normalmente pelo click no link com href
, você poderia adicionar uma função jQuery, para fazer a requisição ajax para a url que está em data-href
. Por exemplo:
$('.page-link').click(function (e) {
e.preventDefault();
var url = $(this).data('href');
$.ajax({
url: url,
success: function (response) {
$('#conteudo-da-paginacao').html(response)
}
});
})
#atualização
O autor da pergunta me questionou a respeito do conteúdo carregar a mesma página, e portanto, ele precisa de carregar apenas a div
, e não todo o conteúdo.
Tem como usar a função load
do jQuery. Com ela é possível carregar apenas um elemento específico de uma determinada página. Veja:
$('.page-link').click(function (e) {
e.preventDefault();
var url = $(this).data('href');
$( "#conteudo-da-pagina" ).load( url + " #conteudo-da-pagina" );
})
Documentação do load