estoy intentando usar AJAX por primera vez.
Lo que estoy intentando hacer es que cuando el usuario hace click en un botón (refresh) se actualice un captcha. El captcha es una imagen generada en un script PHP. El código es el siguiente:
Código:
Pero no recibo respuesta y la consola no me trae ningun mensaje de error. Probé poniendo un alert dentro del if del onreadstatechange y se que llega hasta ahí dentro, pero no cambia la imagen. Debo usar otra propiedad en lugar de responsText? o que es lo que estoy haciendo mal. Gracias... //Codigo para la función AJAX function loadXMLDoc(){ var xmlhttp; if(window.XMLHttpRequest){ //Codigo para IE7 o posterior, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else{ //Codigo para IE5 o IE6 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4 && xmlhttp.status==200){ document.getElementById("imgCaptcha").innerHTML=xmlhttp.responseText; } xmlhttp.open("POST","/captcha/captcha.php",true); xmlhttp.send(null); } }; //Codigo dentro del body <img id="imgCaptcha" src="captcha/captcha.php" alt="Imagen de captcha" /> <a href="#" onclick="loadXMLDoc()"> <img id="refreshCaptcha" src=/img/refresh.png" alt="Boton de Actualizar" /> </a>