Hola primero esta solucion practica me tomo algo de tiempo para resolverla, y es realmente facil para actualizar 2 div's o mas a la ves con ajax:
lo explicare y espero me entiendan:
1.- Primero tengo un boton con un onclick
<input type="submit" id="pruebaBoton" value="Enviar" onclick="clientesBuscar()" />
2.- En el archivo .JS tengo la funcion que mando llamar desde el boton
function clientesBuscar(){
var var1,mensaje;
var1 = document.getElementById('idcliente').value;
mensaje = document.getElementById("areaCliente");
if(var1 == ""){
alert("El campo Cliente no puede estar vacio");
return;
}
ajax=nuevoAjax();
ajax.open("POST", "clientesBuscar.php", true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
mensaje.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send("var1="+var1)
setTimeout("clientesinfo()",100);
setTimeout("mercanciainfo()",500);
}
Noten que incluyo el comando de javascript setTimeout("clientesinfo()",100); y actualizo en otro div con un retraso de 100 milisegundos y otro setTimeout("mercanciainfo()",500); con un retraso de 500 milisegundos que actualiza otro div de mi pagina.
Eso es todo espero les sirva y que le den el uso adecuado, esto lo hago ya que en esta pagina como en otras me han ayudado siempre a resolver problemas.
:
