Tengo un problema, tengo la intención de hacer una tabla y cada vez que se pulse sobre un nombre (esta puesto como enlace, que saque mediante ajax, abajo de la misma página una tabla con información de detalle), el problema es que cuando pulso sobre el enlace y hago la petición ajax, si pulso sobre otro no vuelve a ejecutarse el evento, sin embargo si comento la parte de request de ajax si me saca por consola la id que haya pulsado.
Con esto así solo me captura el click a un enlace y ya
<script>
//Esto captura el evento de click de enlace y su id la cual sera enviada en la petición de request
document.querySelectorAll(".enlace").forEach(el=>{ //Seleccionamos todos los elementos con la clase enlace
el.addEventListener("click",e=>{ //Vemos cual se pulsa
let id=e.target.getAttribute("id"); //Sacamos su id
sendRequest(id);
});
});
/**
* Función encargada de hacer la petición asincrona
*/
function sendRequest(id){
console.log("Pulsado el id "+id);
var theObject = new XMLHttpRequest();
theObject.open('POST','../controller/detailController.php',true);
theObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
theObject.onreadystatechange=function(id){
document.body.innerHTML+=theObject.responseText;
}
theObject.send(`id=${id}`);
}
</script>
Comentando la parte de la request si me detecta varios clicks
<script>
//Esto captura el evento de click de enlace y su id la cual sera enviada en la petición de request
document.querySelectorAll(".enlace").forEach(el=>{ //Seleccionamos todos los elementos con la clase enlace
el.addEventListener("click",e=>{ //Vemos cual se pulsa
let id=e.target.getAttribute("id"); //Sacamos su id
sendRequest(id);
});
});
/**
* Función encargada de hacer la petición asincrona
*/
function sendRequest(id){
console.log("Pulsado el id "+id);
// var theObject = new XMLHttpRequest();
// theObject.open('POST','../controller/detailController.php',true);
// theObject.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// theObject.onreadystatechange=function(id){
// document.body.innerHTML+=theObject.responseText;
// }
// theObject.send(`id=${id}`);
}
</script>