Foros del Web » Programando para Internet » Javascript »

Como buscar info sobre ejecucion de ajax dinamico?

Estas en el tema de Como buscar info sobre ejecucion de ajax dinamico? en el foro de Javascript en Foros del Web. Buenas gente, necesito realizar algo pero no se ni siquiera si tiene un nombre o si se puede. Lo mejor que se me vino a ...
  #1 (permalink)  
Antiguo 18/01/2012, 11:53
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 14 años, 2 meses
Puntos: 10
Como buscar info sobre ejecucion de ajax dinamico?

Buenas gente, necesito realizar algo pero no se ni siquiera si tiene un nombre o si se puede. Lo mejor que se me vino a la cabeza es ajax dinamico.

Lo que tengo que hacer es lo siguiente:
Hay un index.html que via ajax (con jquery) en el onload carga el contenido del body. Pero el contenido del body es una plantilla (o layout), tiene toda la estructura de la pagina, pero nada de contenido, luego de cargar este layout, necesito cargar la informacion tambien via ajax, pero la informacion depende del layout, me explico?

Tiene nombre esto? se puede hacer? algun camino que deba tomar?

Gracias desde ya.
  #2 (permalink)  
Antiguo 18/01/2012, 18:06
 
Fecha de Ingreso: enero-2011
Mensajes: 13
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?

Busca sobre Backbone.js
  #3 (permalink)  
Antiguo 18/01/2012, 21:52
Avatar de ocesitaro  
Fecha de Ingreso: diciembre-2011
Ubicación: Carabayllo
Mensajes: 274
Antigüedad: 11 años
Puntos: 36
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?

bueno creo que es algo como esto:
supongamos que esto esta en el index
$(document).ready(function(){
$('#divbody').load('plantilla.html',function(){
$('#divuno').load('seccion1.html');//este div divuno esta en la plantilla y en esta funcion de la linea de arriba le indicamos que cuando ya haya cargadom la platilla , recien que cargue el contenido por partes
$('#divdos').load('seccion2.html');//este div divdos esta en la plantilla
$('#divtres').load('seccion3.html');//este div divtres esta en la plantilla
})
})

load es el ajax simplificado de jquery.
  #4 (permalink)  
Antiguo 19/01/2012, 11:45
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 14 años, 2 meses
Puntos: 10
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?

A ver, en realidad lo que yo quisiera hacer es lo siguiente:
Tengo un index.php
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.     <title>Test!</title>
  6.     <script src="../jquery-1.7.1.min.js" type="text/javascript"></script>
  7.     <script>
  8.         $(document).ready(function(){
  9.             alert("Cargando Body");
  10.             $('body').load('plantilla.php div#layout');
  11.             alert("Se cargo Body");
  12.         });
  13.     </script>
  14. </head>
  15. <body id="body">
  16. </body>
  17. </html>

Tengo un plantilla.php
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.     <title>Test!</title>
  6.     <script src="../jquery-1.7.1.min.js" type="text/javascript"></script>
  7. </head>
  8. <body id="body">
  9.     <div id="layout">
  10.     <script>
  11.         $(document).ready(function(){
  12.             alert("Cargando Plantilla");
  13.             $('div#menu').load('menu.php div#menu');
  14.             $('div#galeria').load('galeria.php div#galeria');
  15.             alert("Se cargo Plantilla");
  16.         });
  17.     </script>
  18.     <div id="menu"></div>
  19.     <div id="galeria"></div>
  20.     </div>
  21. </body>
  22. </html>

Tengo un menu.php
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.     <title>Test!</title>
  6. </head>
  7. <body id="body">
  8.     <div id="menu">
  9.         <p>link1</p>
  10.         <p>link2</p>
  11.         <p>link3</p>
  12.     </div>
  13. </body>
  14. </html>

Y finalmente un galeria.php
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.     <title>Test!</title>
  6. </head>
  7. <body id="body">
  8.     <div id="galeria">
  9.         <div id="imagen">Aca va una imagen</div>
  10.         <div id="descripcion">Aca va la descripcion</div>
  11.     </div>
  12. </body>
  13. </html>

Obviamente esto no funciona, muestra los dos carteles de cargando body y se cargo body, pero la pagina esta en blanco. Mi idea es trabajar por separado las cosas y a la hora de juntarlas no tener que "adaptarlas" de ninguna manera. Y que se puedan probar individualmente.

Si yo entro a plantilla.php anda todo joya. Lo que yo necesito es via ajax cargar otro ajax (creo que es esto lo que estoy queriendo hacer) y ejecutarlo basicamente. En este caso con jquery hice eso, no se si con jquery o simplemente con javascript puedo hacer lo que necesito.

Gracias por las respuestas.
  #5 (permalink)  
Antiguo 19/01/2012, 23:36
Avatar de ocesitaro  
Fecha de Ingreso: diciembre-2011
Ubicación: Carabayllo
Mensajes: 274
Antigüedad: 11 años
Puntos: 36
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?

Cita:
Iniciado por LhaN Ver Mensaje
<div id="layout">
<script>
$(document).ready(function(){
alert("Cargando Plantilla");
$('div#menu').load('menu.php div#menu');
$('div#galeria').load('galeria.php div#galeria');
alert("Se cargo Plantilla");
});
</script>
<div id="menu"></div>
<div id="galeria"></div>
</div>

no entiendo .load('menu.php div#menu');
porque no usas algo como esto.
$('#idelemento').load('tupagina.php')

en tu pagina de menu no le encuentro la necesidad de volver a copiar todo el head del html
  #6 (permalink)  
Antiguo 20/01/2012, 10:52
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 14 años, 2 meses
Puntos: 10
Respuesta: Como buscar info sobre ejecucion de ajax dinamico?

Use menu por usar algo...
load('menu.php div#menu'); lo que hace es cargar solo el o los elementos div con id=menu.

Etiquetas: ajax, ejecucion, html, info
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:34.