Problema de refresco de datos con PHP via AJAX

[DavidAl]

Hola.. tengo un problema de refresco de datos. El montaje que tengo es el siguiente:

1) Boton HTML: llama a funcion javascript insert().

2) insert(): via AJAX ejecuta un PHP que inserta un valor en tabla MySQL.

3) insert(): llama a funcion javascript lista().

4) lista(): via AJAX ejecuta un PHP que lista la tabla.


Esto funciona bien el 90% de las veces. Pero alguna vez se hace el insert y sin embargo la nueva fila añadida no aparece en la lista que se ejecuta inmediatamente después.

Mi pregunta es si hay que hacer alguna operacion de refresco de algun cache para que siempre aparezca el nuevo valor. O como podria solucionar esto?

[racanix]

Creo que deberias dejar que termina la peticion del insert y posteriomete
ejecutar la lista

[abimaelrc]

A mi me paso algo similar. Lo que yo hice fue crear un valor aleatorio luego creo una variable para enviar ese valor aleatorio a traves de ajax y asi engañaba el navegador para que recargara la pagina y no me enviara el resultado que estaba anteriormente. Tratalo y me dejas saber. Como tambien puede ser que no ha terminado de ejecutar el insert y estes llamando el valor. A menos que despues que des un insert haces un echo indicando que ya termino y luego en el ajax llamas la funcion de lista() en el readyState==4

[DavidAl]

Iniciado por racanix

Creo que deberias dejar que termina la peticion del insert y posteriomete
ejecutar la lista

Gracias Racanix voy a probarlo... con una funcion general que ejecute insert() y luego lista(). No se si es lo correcto, estoy bastante pez en javascript.

[DavidAl]

Iniciado por abimaelrc

A mi me paso algo similar. Lo que yo hice fue crear un valor aleatorio luego creo una variable para enviar ese valor aleatorio a traves de ajax y asi engañaba el navegador para que recargara la pagina y no me enviara el resultado que estaba anteriormente. Tratalo y me dejas saber. Como tambien puede ser que no ha terminado de ejecutar el insert y estes llamando el valor. A menos que despues que des un insert haces un echo indicando que ya termino y luego en el ajax llamas la funcion de lista() en el readyState==4

No se si te refieres a añadilo a la URL del PHP? eso ya lo hago sí.. se me ha olvidado mencionarlo, añado "?sid=<valor aleatorio>".

[GatorV]

Tema trasladado desde PHP

[DavidAl]

Iniciado por DavidAl

Gracias Racanix voy a probarlo... con una funcion general que ejecute insert() y luego lista(). No se si es lo correcto, estoy bastante pez en javascript.

Lo acabo de probar y sigue fallando en algunas llamadas.

Ahora queda asi:

1) Boton HTML: llama a funcion javascript insertLista().

2) insertLista(): llama a insert() que via AJAX ejecuta un PHP que inserta un valor en tabla MySQL.

3) insertLista(): llama a lista() que via AJAX ejecuta un PHP que lista la tabla.

edito: si refresco la pagina se ve la lista completa, pero deberian aparecer sin necesidad de refrescar la pagina.

[DavidAl]

He añadido 100ms de retraso antes de llamar a lista() y el numero de fallos se ha reducido bastante, ahora falla alrededor de dos llamadas de cada 100.

Agradeceré mucho si alguien me puede orientar sobre qué esta pasando aqui, y si hay alguna manera de que funcione al 100% y sin hacer la web más lenta.

Este es el codigo del php que lista:

<?php
require('../includes/conectar.php');

if ($result = $mysqli->query("SELECT * FROM categoria")) {
printf("Categorias: %s <br />", $result->num_rows);
while ($row = $result->fetch_object()) {
printf ("%s <br />", $row->nombre);
}

} else {
echo $mysqli->error;
}

$mysqli->close();
?>

[matak]

Si he entendido bien el problema que tu tienes es que un Proceso AJAX te machaca el otro ya que AJAX es asincrono. De entrada sólo puede correr un proceso aunque hay formas para hacer que puedas crear varios procesos y que estos se vayan ordenando en el tiempo.
Mírate esta estructura y adáptala a tu código.

Código javascript:

var ajax=null; //vble global
 
//Funcion que crea el objeto ajax
function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
    }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function f1(url,divcontenido){
    if (ajax==null) {
      objDestino=document.getElementById(divcontenido)
      ajax=objetoAjax();
      ajax.open("POST", url, true);
      ajax.onreadystatechange=function() {
          if (ajax.readyState==4) {
              objDestino.innerHTML = ajax.responseText
              ajax = null
          }
      }
      ajax.send(null)
    }else{
      setTimeout("f1('"+url+"','"+divcontenido+"')",1)
      
    }
}
 
function f2(url,divcontenido){
    if (ajax==null) {
      objDestino=document.getElementById(divcontenido)
      ajax=objetoAjax();
      ajax.open("POST", url, true);
      ajax.onreadystatechange=function() {
          if (ajax.readyState==4) {
              objDestino.innerHTML = ajax.responseText
              ajax = null
          }
      }
      ajax.send(null)
    }else{
      setTimeout("f2('"+url+"','"+divcontenido+"')",1)
      
    }
}
 

Fijate bien que creamos una vble global ajax que nos permite rastrearla y ver en que estado se encuentra.

1º Rastreamos estado de la vble ajax
a) ajax==null :
a1:Creamos la instacia del objeto XMLHttpRequest y realizamos la petición ajax
a2:ajax.readyState==4, Recibimos la respuesta en ajax.responseText y realizamos acciones oportunas,...
a3:ajax=null, ponemos semaforo en verde
b) ajax != null:
b1:Volvemos a llamar a la función con un retardo a elección del desarrollador. Cuanto menor sea el retardo mayor será el grado de espera activa del proceso. Aqui estaría rebueno un sleep() pero aun no he encontrado la forma y creo que en javascript no existe tal función. Corríjanme si me equivoco.

Espero haberme explicado y que te sirva mi aporte

Ya contarás como te va...

Saludos,