Ver Mensaje Individual
  #13 (permalink)  
Antiguo 18/01/2011, 21:43
elmouse19
 
Fecha de Ingreso: noviembre-2010
Ubicación: Córdoba, Argentina
Mensajes: 74
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: Actualizar 2 div con ajax

karoljose Yo quiero hacer esto de divir el contenido de la pagina en 2 divs, ya que una parte de la pagina es cavecera y la otra el contenido, pero no termino de entender como adaptar mi codigo ajax, al o que ya has posteado para divirlo.

Mi codigo ajax es este:

Código Javascript:
Ver original
  1. var Conexion=false; // Variable que manipula la conexion.
  2.  
  3. // funcion que realiza la conexion con el objeto XMLHTTP...
  4. function Conectar()
  5. {
  6.     if(window.XMLHttpRequest)
  7.         Conexion=new XMLHttpRequest(); //mozilla
  8.     else if(window.ActiveXObject)
  9.         Conexion=new ActiveXObject("Microsoft.XMLHTTP"); //microsoft
  10. }
  11.  
  12. function Contenido(idContenido)
  13. {
  14.     /* readyState devuelve el estado de la conexion. puede valer:
  15.      *  0- No inicializado (Es el valor inicial de readyState)
  16.      *  1- Abierto (El método "open" ha tenido éxito)
  17.      *  2- Enviado (Se ha completado la solicitud pero ningun dato ha sido recibido todavía)
  18.      *  3- Recibiendo
  19.      *  4- Respuesta completa (Todos los datos han sido recibidos)
  20.      */
  21.  
  22.     // En espera del valor 4
  23.     if(Conexion.readyState!=4) return;
  24.     /* status: contiene un codigo enviado por el servidor
  25.      *  200-Completado con éxito
  26.      *  404-No se encontró URL
  27.      *  414-Los valores pasados por GET superan los 512
  28.      * statusText: contiene el texto del estado
  29.      */
  30.     if(Conexion.status==200) // Si conexion HTTP es buena !!!
  31.     {
  32.         /* Modificamos el identificador temp con el valor recibido por la consulta
  33.          *  Podemos recibir diferentes tipos de datos:
  34.          *  responseText-Datos devueltos por el servidor en formato cadena
  35.          *  responseXML-Datos devueltos por el servidor en forma de documento XML
  36.          */
  37.         document.getElementById(idContenido).innerHTML=Conexion.responseText;
  38.     }else{
  39.         document.getElementById(idContenido).innerHTML=Conexion.status+"-"+Conexion.statusText;
  40.     }
  41.    
  42.     Conexion=false;
  43. }
  44.  
  45. function Solicitud(Servidor,idContenido)
  46. {
  47.     // Si ya esta conectado, cancela la solicitud en espera de que termine
  48.     if(Conexion) return; // Previene uso repetido del boton.
  49.    
  50.     // Realiza la conexion
  51.     Conectar();
  52.    
  53.     // Si la conexion es correcta...
  54.     if(Conexion)
  55.     {
  56.         /* Preparamos una conexion con el servidor:
  57.          *  POST|GET - determina como se envian los datos al servidor
  58.          *  true - No sincronizado. Ello significa que la página WEB no es interferida en su funcionamiento
  59.          *  por la respuesta del servidor. El usuario puede continuar usando la página mientras el servidor
  60.          *  retorna una respuesta que la actualizará, usualmente, en forma parcial.
  61.          *  false - Sincronizado */
  62.         Conexion.open("GET",Servidor,true);
  63.  
  64.         // Cada vez que el estado de la conexión (readyState) cambie se ejecutara el contenido de esta "funcion()"
  65.         Conexion.onreadystatechange=function()
  66.         {
  67.             Contenido(idContenido);
  68.         }
  69.        
  70.         /* Realiza la solicitud al servidor. Puede enviar una cadena de caracteres, o un objeto del tipo XML
  71.          * Si no deseamos enviar ningun valor, enviamos null */
  72.         Conexion.send(null);
  73.     }else
  74.         document.getElementById(idContenido).innerHTML="No disponible";
  75. }
  76.  
  77. window.onload=function()
  78. {
  79.     Solicitud("seccion/home.html","pagina"); // Inicializamos con la primera pagina
  80. }