ajax asincrono

leif_sk8er · #1 (**permalink**) 20/07/2011, 08:30

Buenas,
Tengo un problema al realizar multiples llamadas ajax con el framework jquery. Resulta que al realizar muchas llamadas seguidas, no se por que motivo me realiza las llamadas como si fueran sincronas, incluso poniendo el async = true

Es decir, tengo una llamada que tarda 30 segundos, y si durante esos 30 segundos hago otra llamada ajax, se queda en espera hasta que la de 30 segundos termina.

He estado mirando tanto la documentacion como otros ejemplos y no hay forma :S...

Este es el codigo que utilizo:

Código Javascript:

Ver original$.post(ruta_ajax, variables, function(data){
});

También con ajax

Código Javascript:

Ver original$.ajax({
                    url: ruta_ajax,
                    cache: false,
                    data: variables,
                    async: true,
                    type: 'POST',
                    success: function(data, status) {
                    }
});

Alguna idea de que puede estar pasando??

Dany_s · #2 (**permalink**) 20/07/2011, 09:34

¿estas usando sesiones con php en esos script que llamas?

leif_sk8er · #3 (**permalink**) 20/07/2011, 15:16

Lo que estoy haciendo con ese script realmente es una tecnica llamada long polling, es para un chat, y para evitar estar llamando cada X segundos a un script lo que hago es que el script esté 60 segundos en un while, para que si hay mensajes nuevos los traiga y termine la peticion ajax llamandola de nuevo. Pero bueno, entiendas o no lo que es un long polling lo mas importante a saber ahi es que es una llamada ajax a un script que usa bases de datos, sesiones,...

Con lo que la respuesta es si, si que uso sesiones, y casi todo lo tipico usado en un script comun de php.
¿Por que dices eso? No entiendo a donde quieres llegar.
Un saludo!

Dany_s · #4 (**permalink**) 20/07/2011, 15:57

Porque tenés abierta una sesión y hasta que el script no termine no se cierra, salvo que uses session_write_close
fijate las descripción como funciona la sesión http://php.net/manual/es/function.se...rite-close.php

y probá esto:

Código PHP:

Ver originalsession_start();
sleep(5);
echo "Hola";

Abrí 2 pestañas y ejecuta ese script uno tras otro, el primero deberia terminar en 5 segundos claro está que es por el sleep y el segundo deberia terminar un ratito después que el primero porque no creo que hayas tardado mucho en ejecutar el segundo je pero no, termina 5 segundos contados a partir de que el primer script termine je

y cerrando no pasa eso

Código PHP:

Ver originalsession_start();
session_write_close();
sleep(5);
echo "Hola";

leif_sk8er · #5 (**permalink**) 20/07/2011, 17:13

Increible pero cierto! Ahi estaba el problema!!!, tengo este script para testear:

Código Javascript:

Ver original<?php /*
 
Author:   Luis Siquot
Purpose:  Check ajax performance and errors
License:  GPL
site5:    Please don't drop json requests (nor delay)!!!!
 
*/
 
$r = (int)$_POST['r'];
$w = (int)$_POST['w'];
if($r) { 
session_start();
session_write_close();
 
    /*if($r < 5){
    sleep($w + 15);
    }else{*/
     sleep(rand(1,5));    
    //}
   echo $_POST['r'];
   die ();
}  //else
?><head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 
var _settimer;
var _timer;
var _waiting;
 
$(function(){
  clearTable();
  $('#boton').bind('click', donow);
})
 
function donow(){
  var w;
  var estim = 0;
  _waiting = $('#total')[0].value * 1;
  clearTable();
  for(var r=1;r<=_waiting;r++){
       w = Math.floor(Math.random()*6)+2;
       estim += w;
       dodebug({r:r, w:w});
       
       $.post("index2.php", {r:r, w:w}, function(data){
       console.log(data);    
       });
       
       /*
       $.ajax({url: '<?php echo $_SERVER['SCRIPT_NAME']; ?>',
               data:    {r:r, w:w},
               dataType: 'json',   // 'html', 
               type: 'GET',
               success: function(CBdata, status) {
               CBdebug(CBdata);
               }
       });
       */
  }
  doStat(estim);
  timer(estim+10);
}
 
function doStat(what){
    $('#stat').replaceWith(
       '<table border="0" id="stat"><tr><td>Request Time Sum=<th>'+what+
       '<td>&nbsp;&nbsp;/2=<th>'+Math.ceil(what/2)+
       '<td>&nbsp;&nbsp;/3=<th>'+Math.ceil(what/3)+
       '<td>&nbsp;&nbsp;/4=<th>'+Math.ceil(what/4)+
       '<td>&nbsp;&nbsp;/6=<th>'+Math.ceil(what/6)+
       '<td>&nbsp;&nbsp;/8=<th>'+Math.ceil(what/8)+
       '<td> &nbsp; (seconds)</table>'
    );
}
 
function timer(what){
  if(what)         {_timer = 0; _settimer = what;}
  if(_waiting==0)  {
    $('#showTimer')[0].innerHTML = 'completed in <b>' + _timer + ' seconds</b> (aprox)';
    return ;
  }
  if(_timer<_settimer){
     $('#showTimer')[0].innerHTML = _timer;
     setTimeout("timer()",1000);
     _timer++;
     return;
  }
  $('#showTimer')[0].innerHTML = '<b>don\'t wait any more!!!</b>';
}
 
 
function CBdebug(what){
    _waiting--;
    $('#req'+what.r)[0].innerHTML = 'x';
}
 
 
function dodebug(what){
    var tt = '<tr><td>' + what.r + '<td>' + what.w + '<td id=req' + what.r + '>&nbsp;'
    $('#debug').append(tt);
}
 
 
function clearTable(){
    $('#debug').replaceWith('<table border="1" id="debug"><tr><td>Request #<td>Wait Time<td>Done</table>');
}
 
 
</script>
</head>
<body>
<center>
<input type="button" value="start" id="boton">
<input type="text" value=8 id="total" size="2"> concurrent json requests
<table id="stat"><tr><td>&nbsp;</table>
Elapsed Time: <span id="showTimer"></span>
<table id="debug"></table>
</center>
</body>

Aunque está un poco modificado el script para simplificarlo rapidamente he podido comprobar lo que comentabas...

Ahora empieza la tarea dificil, ver como termino las sesiones al principio del script siempre, y iniciarlas al final del script solo un instante para sobreescribir resultados... espero que no me cueste mucho ^^

Gracias!

leif_sk8er · #6 (**permalink**) 20/07/2011, 19:41

Yeaaaah!! En el caso mas importante he conseguido implementarlo. Muchisimas gracias!