Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/04/2014, 13:56
chuekeron
 
Fecha de Ingreso: octubre-2008
Ubicación: Bs. As., ARG
Mensajes: 203
Antigüedad: 15 años, 7 meses
Puntos: 6
Llamada Ajax dentro de otra

Hola, les hago una consulta. Inicie un proyecto donde cargo modulos por ajax. Todo funciona bien, cargo el div2 en el div1 mediante ajax y a su vez cargo contenido en el div2 perfectamente, mediante ajax tambien.
La duda que me surge es si esto trae algun inconveniente, he visto temas en el foro donde se habla de "ajax dentro de otro ajax" como algo complicado.

Adjunto una pequeña parte de mi codigo -simplificado- para ser mas grafico:


Código Javascript:
Ver original
  1. // 1er función
  2. function selectCat(cat){
  3.     categoria = cat;
  4.     $.ajax({
  5.     type:"GET",
  6.     }).done(function(msg){
  7.         $('#dinamico').load("modulos/listar.php?cat="+categoria+"&limit=5");  
  8.     });
  9. }
  10.  
  11. // 2da función
  12. function cargaLiq(id){
  13.  
  14.   $.ajax({
  15.   type: "GET"
  16.   }).done(function(){
  17.       $('.detalle').load('modulos/liquidaciones.php?id='+id);  
  18.       $('.detalle').delay(300).fadeIn('normal');   
  19.   });  
  20.  
  21. }

Primer DIV:
Código HTML:
Ver original
  1. <div id="dinamico">
  2. <!-- contenido dinámico 1 -->      
  3. </div>

Segundo DIV (se carga mediante ajax dentro del primero y a traves de la funcion "cargaLiq" se carga el contenido en el DIV "detalle"):
Código HTML:
Ver original
  1. <div class="fila" id="8">
  2.   <div class="codigo">2571</div>
  3.   <div class="data">
  4.     <h1>Titulo</h1><br />
  5.     <br />
  6.     <span class="pendiente">pendiente</span>
  7.   </div>
  8.   <a class="bt_intro" onclick="javascript:cargaLiq('8')"></a>
  9.   <div class="detalle">
  10.     <!-- contenido dinámico 2 -->
  11.   </div>
  12. </div>