Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Insertar una imagen PHP con AJAX

Estas en el tema de Insertar una imagen PHP con AJAX en el foro de Frameworks JS en Foros del Web. Hola a todos, estoy intentando usar AJAX por primera vez. Lo que estoy intentando hacer es que cuando el usuario hace click en un botón ...
  #1 (permalink)  
Antiguo 23/05/2011, 13:33
 
Fecha de Ingreso: mayo-2011
Mensajes: 5
Antigüedad: 10 años, 2 meses
Puntos: 0
Pregunta Insertar una imagen PHP con AJAX

Hola a todos,

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:
//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>
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...
  #2 (permalink)  
Antiguo 24/05/2011, 01:06
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.605
Antigüedad: 19 años, 3 meses
Puntos: 1284
Respuesta: Insertar una imagen PHP con AJAX

Hola:

No entiendo lo que quieres hacer, ya que una imagen captcha siempre debe tener la misma url, pero para evitar que dibuje la misma, se le suele poner un parámetro fantasma. Y no veo necesario usar un enlace para lanzar un script pudiendolo hacer directamente con un evento (click). Te cuento lo que yo suelo programar el refresh de mis captchas:

<img src="captcha.php" onclick="this.src = 'captcha.php?azar=' + Math.random()" alt="captcha" />

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 24/05/2011, 06:37
 
Fecha de Ingreso: mayo-2011
Mensajes: 5
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Insertar una imagen PHP con AJAX

Gracias Caricota, voy a probar tu métodos y te comento. Saludos...
  #4 (permalink)  
Antiguo 28/05/2011, 11:59
 
Fecha de Ingreso: mayo-2011
Mensajes: 5
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Insertar una imagen PHP con AJAX

Debía una respuesta y solo por eso vuelvo a escribir. Funciona perfectamente , nuevamente muchas gracias

Etiquetas: ajax, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:18.