Skip to main content
adicionou 577 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

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

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)
         }
   });
})

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

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

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)
         }
   });
})