problema con la recarga de pagina en una paginacion ajax

[angelo_024]

hola tengo un sistema de paginacion que descargue y me funciona muy bien el problema es que cada vez que sigo un numero de pagina me recarga la pagina y es un problema cuando hay un video reproduciendo, he estado buscando algo sobre ajax y entiendo algo bien pero sigo sin hacer que los links no se recarguen!!! espero puedan ayudarme

function requerir(){
try{
req=new XMLHttpRequest();
}catch(err1){
try{
req=new ActiveXObject("Microsoft.XMLHTTP");
}catch(err2){
try{
req=new ActiveXObject("Msxml2.XMLHTTP");
}catch(err3){
req= false;
}
}
}
return req;
}


var peticion=requerir();

function llamarAjax(){
var aleatorio=parseInt(Math.random()*999999999);
var campo=document.form1.texto.value;
var url="paginacion.php?var="+campo+"&r="+aleatorio;
peticion.open("GET",url,true);
peticion.onreadystatechange =respuestaAjax;
peticion.setRequestHeader(`Content-Type`,`application/x-www-form-urlencoded`);
peticion.send(null);
}
function respuestaAjax(){

if(peticion.readyState==4){
if(peticion.status==200){
//alert(peticion.responseText);
document.getElementById("bodyPaginacion").innerHTM L=peticion.responseText;
}else{
alert("ha ocurrido un error"+peticion.statusText);
}
}
}

[perryjr]

El código es muy bonito, pero el problema no es en AJAX, el problema lo tienes en el procesamiento de ventos: tu pulsas un enlace, bien; el evento onclick supongo se desenlaza llamando a ajax que carga los datos, bien; ... y el navegador sigue con su trabajo y al pulsar un enlace cambia de página!!

Tienes que parar el evento en "onclick" para que no siga hacia delante con el comportamiento predeterminado (cambiar de pagina).

Modo de hacerlo:

Código HTML:

<a href="#" onClick="mifuncion(); return false;">Vinculo</a>
 

El "return false;" parara el evento en ese momento.