Ver Mensaje Individual
  #6 (permalink)  
Antiguo 22/04/2015, 08:37
Tusade
 
Fecha de Ingreso: marzo-2015
Mensajes: 42
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: Abrir nueva página dentro de la actual

La petición AJAX sería así:

Código Javascript:
Ver original
  1. window.onload = function () {
  2.             var xmlhttp; // En esta variable recogeremos lo que nos responda el servidor
  3.            
  4.             document.getElementById(id_donde_escribiremos).innerHTML="Cargando..."; /* Mientras
  5.             se hace la petición al servidor, escribimos "Cargando" o algo así para que aparezca en
  6.             pantalla*/
  7.             if (window.XMLHttpRequest)
  8.                 {// code for IE7+, Firefox, Chrome, Opera, Safari
  9.                 xmlhttp= new XMLHttpRequest();
  10.                 }
  11.             else
  12.                 {// code for IE6, IE5
  13.                 xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
  14.                 }
  15.                  
  16.             function escribir() { /* Creamos esta función para que JavaScript la utilice una vez le
  17.             responda el servidor, es decir, que significa que el servidor ya nos ha respondido*/
  18.                 if (xmlhttp.readyState===4 && xmlhttp.status===200) // Nos da el visto bueno
  19.                     { // Escribimos el resultado
  20.                     document.getElementById(id_donde_escribiremos).innerHTML=xmlhttp.responseText;
  21.                     }
  22.                 else { // No nos da el visto bueno
  23.                     document.getElementById(id_donde_escribiremos).innerHTML="ERROR";
  24.                 }
  25.             } // Fin de la función escribir
  26.                
  27.             xmlhttp.onreadystatechange = escribir; /*Cuando el servidor le responda, llama a la
  28.             función escribir anteriormente declarada*/
  29.             xmlhttp.open("POST","http://www.misitio.com/cargar_datos.html",true); /*dirección donde
  30.             se encuentra la pagina html */
  31.             xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  32.             xmlhttp.send("que_datos="+datos+"&que_valor="+valor); /* Si queremos enviarle
  33.             parámetros al servidor, podemos hacer de esta manera*/  
  34.         }

Última edición por Tusade; 22/04/2015 a las 08:43