Llamada ajax simple parece estar bloqueando

Question

Pregunta realmente simple. Yo tratando de probar un servicio web reparador que estoy desarrollando, y tienen esta simple llamada AJAX (jQuery):

<script type="text/javascript"> 
    $(document).ready(function() { 
    var url = '/index.php/gettest/reallyLongRequest';  
    $.ajax({ 
     url: url, 
     dataType:'text', 
     success:function(data) { $('#result').html(data);}, 
     error:function(xhr,err,e) { alert ("Error: " + err);} 
    });     
    }); 
</script> 

Esto se ejecuta cuando se carga la página. Mientras se ejecuta, la página está bloqueando; es decir, (puedo ver el reloj de arena junto al puntero del mouse) no se pueden manejar otras acciones del usuario. (Por cierto, esta solicitud de obtención en particular, intencionalmente, tarda mucho tiempo en regresar).

¿Por qué es esto? A (asincrónico) JAX ¿verdad? Obviamente estoy cometiendo un error de principiante. Alguna idea, por favor?

Cuando intento esto utilizando javascript simple (sin biblioteca) funciona como se esperaba. ¿Tiene esto algo que ver con el manejo de Jquery del xhr onreadystatechange?

Gracias por mirar.

EDITAR: varias personas han sugerido configurar async: true, que, como ocurre, es el valor predeterminado en jquery, y como tal no tiene ningún efecto.

EDITAR: Como he mencionado anteriormente, si uso javascript simple y lo comienzo con un temporizador, por ejemplo, window.setInterval(function() { startLongPoll(); }, 5000) Se actualiza como se espera, sin parecer bloqueado. Ideas, alguien?

Answer 1

Aquí es un ejemplo de lo que hice para resolver el problema:

jQuery(document).ready(function() { 
    setTimeout(function() { 
    $.getJSON("veryLongRequest", function(json) { 
    alert("JSON Result: " + json[0].id);}); 
    }, 500); // You may need to adjust this to a longer delay. 
}); 

Nota: Estoy usando el método jQuery corta a mano, "getJSON", que es una envoltura para la llamada ajax con el tipo de datos establecido en "json". Sin embargo, esta solución funcionará para todas las solicitudes de Ajax.

Referencia:

Stop the browser "throbber of doom" while loading comet/server push iframe

Answer 2

posible que desee para tratar de Añadir async:true

<script type="text/javascript"> 
     $(document).ready(function() { 
     var url = '/index.php/gettest/reallyLongRequest';  
     $.ajax({ 
      url: url, 
      async:true, 
      dataType:'text', 
      success:function(data) { $('#result').html(data);}, 
      error:function(xhr,err,e) { alert ("Error: " + err);} 
     });     
     }); 
    </script> 

Answer 3

creo que esto debería defecto cierto, pero trate de añadir async: true a su parámetro JSON ajax.

Answer 4

¿Funciona el código siguiente como se esperaba?

<script type="text/javascript"> 
    //$(document).ready(function() { 
    var url = '/index.php/gettest/reallyLongRequest';  
    $.ajax({ 
     url: url, 
     dataType:'text', 
     success:function(data) { $('#result').html(data);}, 
     error:function(xhr,err,e) { alert ("Error: " + err);} 
    });     
    //}); 
</script>