Question

Hola tengo un prblema con mi web al momento de paginar, al pasar a lasiguiente pagina en el div donde deveria de cargar el contenido de lasiguiente pagina carga mi la web osea la pagina dentro de el div.

Ese es el codigo:

<script>
    function load(page){
        var parametros = {"action":"ajax","page":page};
        $.ajax({
            url: location.href,
            data: parametros,
            success:function(data){
                $(".contenedor").html(data).fadeIn('fast');
            }
        })
    }
</script>

Y este el que pagina:

<div class="contenedor">
  <div class="row pagesection">
   <?php
     foreach ($this->var->list_thesis->data as $key => $thesis) {
     //Aqui  el contenido extraido de labase de datos.
    }
   ?>
     <div class="pagination justify-content-center">
      <?php echo paginate($page, $total_pages, $adjacents);?>
     </div>
   </div>
</div>

Answer 1

Hola @elmerson,

la idea detrás de AJAX es poder cambiar el contenido de una página parcialmente, pero en tu llamada estás invocando a la misma página que aparece en el URL url: location.href, es decir, a la página completa, y por eso se carga ahí.

Tendrías que tener una página con la parte que no cambia, y un script que genera solamente el HTML de los datos que son paginables; luego, la llamada AJAX debe ser a este script que devuelve solo la porción a cambiar.

Si vas a llamar por AJAX a la página completa, entonces lo que aparece en el DIV es la página completa!
Esto de llamar a la página completa se hace cuando estás paginando con botones de un formulario o con enlaces: entonces presionar el botón o enlace carga de nuevo la misma página, pero como los parámetros son otros, mostrará diferente contendido.

Saludos cordiales!