Ajax funciona a medias

[dunga007]

Hola a todos, les comento mi problema, tengo las siguientes funciones:

Código HTML:

function actualizar(viejo_precio,tipo){
	var entrada="precio_"+tipo;
	var precio=document.getElementById(entrada).value;
  http.open("GET", "actualizar.php?precio="+precio+"&viejoprecio="+viejo_precio+"&tipo="+tipo, true);
  http.onreadystatechange = actualizado;
  http.send(null);
  actualizado(tipo);
}

function actualizado(tipo) {
   if (http.readyState == 4) {
    if(http.status == 200) {
      var miTexto = http.responseText;
      document.getElementById(tipo).innerHTML = "cambiado";
    }
  }
  	else {
		document.getElementById(tipo).innerHTML = "Actualizando...";
	} 
}

El asunto es que cuando la ejecuto, el dom:

document.getElementById(tipo).innerHTML = "Actualizando...";

se ejecuta perfectamente, pero el

document.getElementById(tipo).innerHTML = "cambia";

nunca aparece

algunos diran bueno lo que sucede es que readyState y status no se completan, pero lo cierto es que si, la funcion anda perfectamente salvo por este detalle de que el texto "Actualizando..." no cambia a "cambiado". Espero alguien sepa ayudarme. Gracias!!

[IsaBelM]

añadele a la función esta alerta y creo que verás cual es el problema

function actualizado(tipo) {
alert(http.readyState)
if (http.readyState == 4) {

[dunga007]

Iniciado por IsaBelM

añadele a la función esta alerta y creo que verás cual es el problema

Hola Isabel!, muchisimas gracias por responder, te comento que he agegado elalert que mecomentas y misteriosamente empezo a funcionar perfectamente (solo que con las alertas), pero cuando quito el alert deja de funciona nuevamente, por otro lado te comento que soy tan bruto que no llego a darme cuenta de cual es el problema las ventanas de alerta que me mustra son: 1,2,3,4,1,4. Espero me puedas dar otra pista para poder llegar al problema. Saludos!

[alfcm]

No sera q es muy rapido el proceso que no lo puedes ni ver por lo que sucede en menos de un segundo, porque si te muestra con el alert entonces esta OK

[IsaBelM]

1,2,3,4,1,4 estos son los estados que se levantan. como puedes entender los estados 1 y 4, que te he marcado en rojo, sobran. quita esta invocación actualizado(tipo); y usa funciones anónimas, algo como esto

function actualizar(viejo_precio,tipo){
var idobjeto = tipo;
var entrada="precio_"+tipo;
var precio=document.getElementById(entrada).value;
http.open("GET", "actualizar.php?precio="+precio+"&viejoprecio="+vi ejo_precio+"&tipo="+tipo, true);
http.send(null);
http.onreadystatechange = function() {

if (http.readyState == 4) {
if(http.status == 200) {
var miTexto = http.responseText;
document.getElementById(idobjeto).innerHTML = "cambiado";
}
}
else {
document.getElementById(idobjeto).innerHTML = "Actualizando...";
}
}
}

[dunga007]

Iniciado por IsaBelM

1,2,3,4,1,4 estos son los estados que se levantan. como puedes entender los estados 1 y 4, que te he marcado en rojo, sobran. quita esta invocación actualizado(tipo); y usa funciones anónimas, algo como esto

Estimada Isabel, mil gracias por responder, he realizdo lo que me dices y funciono perfectamente!, solo un detalle, a traves de la variable "tipo", lo que paso es el id del div que deseo modificar (entre otras cosa que coincide con el mismo nombre), pero lo que sucede es que aparentemente queda pegado el primer id que le paso, por ej trabajo con la funcion "actualizar" en el id 1 y funciona perfectamente pero cuando me voy a trabajar al id 2 con la funcion "actualizar" me aparece en el id 1 la leyenda "Actualizando..." y se queda ahi, he podido descubrir de que esto se debe a que en:

Código HTML:

else {
document.getElementById(tipo).innerHTML = "Actualizando...";
	}

se queda pegada como contenido de la variable la primera que se paso que es enste caso seria el id 1, una solucion seria sacar el else y ahi funciona perfectamente si bien no muestra "Actualizando..." pero esto seria como atarlo con alambre y la verdad no me gusta. Espero me puedas orientar en que es lo que estoy haciendo mal. Saludos!!

[IsaBelM]

si has copiado el código tal y como te lo di, no debería de pasar lo que comentas. de cualquier modo, puedes intentar destruir el objeto http con el método abort()

[dunga007]

Iniciado por IsaBelM

si has copiado el código tal y como te lo di, no debería de pasar lo que comentas. de cualquier modo, puedes intentar destruir el objeto http con el método abort()

Hola Ivana, te comento que he puesto el codigo tal como me has indicado, he probado con el metodo abort() pero no me ha funcionado, quizas mi explicacion no fue muy clara por lo que he grabado un videito que creo que explicamucho mejor cual es el problema:

http://www.4shared.com/video/zYZSXZz1/video.html

Saludos y gracias!

[IsaBelM]

es la primera vez que veo ese comportamiento. intenta usar firebug para ver el valor de las variables que envías, sobre todo el valor de la variable tipo. también puedes probar a añadirle a la url actualizar.php?precio="+precio+"&viejoprecio="+vie jo_precio+"&tipo="+tipo +"&r=" + Math.random(), para evitar recibir resultados de la caché, aunque no parece que sea el problema