Jquery y tiempo de ejecución

[karlic0s]

Hola, tengo una función que se ejecuta tal que así:

Código Javascript:

for (i=0; i=10; i++) {
$("#mi_span").load("ajax.php", {name: i}).ajaxComplete(function(){
 
columna = document.getElementById('mi_span').offsetHeight;
 
});
}
 

El problema es que en vez de hacer:

- Primer bucle i=0 carga en mi_span el contenido que devuelve ajax.php con la variable name = 0 y pasa al siguiente.
- Segundo bucle i=1 carga en mi_span el contenido que devuelve ajax.php con la variable name = 1 y pasa al siguiente.
- ...

Hace el for sin dejar tiempo a que mi_span cargue, necesito que el html de mi_span cargue, porque por cada bucle cojo el nuevo tamaño de mi_span y conforme se introduzca texto (que es lo que devuelve ajax.php) mi_span crece en píxeles.


Alguna idea?

[Dany_s]

porque cuando haces una petición con ajax el script para continuar no espera hasta recibir una respuesta, fijate sobre llamadas síncronas y asíncronas

pordes usar el parámetro async en false pero si la petición tarda vas a ver que el navegador de cuelga

aparte con load no te va a añadir contenido al que ya tienes, te lo va a sobreescribir


y otra que es mejor enviar una sola petición en vez de varias
en vez de:
ajax.php?name=1
ajax.php?name=2
ajax.php?name=3

podes enviar todos en 1
ajax.php?name[]=1&name[]=2&name[]=3

[tredio]

prueba asi:

Código Javascript:

var cargarDatos = function(index){
   if(index!=10){
      $("#mi_span").load("ajax.php", {name: i}).ajaxComplete(function(){ 
         columna = document.getElementById('mi_span').offsetHeight;
         cargarDatos(index++); });
   } 
}
 
cargarDatos(0);
 

realmente no se lo que tratas de hacer, pero ahi si va a esperar a que termine cada una de las peticiones ajax para empezar la siguiente.

[maycolalvarez]

en vez de .load() utiliza .ajax() y puedes enviar la data a una funcion y añadirla en las capas que quieras sin necesidad de hacer doble petición:

Código Javascript:

$.ajax({
  url: 'ajax.php',
  success: function(data) {
    $('#mi_span1').html(data);
    $('#mi_span2').html(data);
  }
});