Estilos CSS:
Los estilos referente a los elementos contenidos en el div con clase "result" se localizan en la etiqueta
style en el head.
Una aplicación sencilla de JavaScript que descarga un archivo del servidor en segundo plano, después obtiene
el contenido del archivo y lo carga en el cuerpo de la página sin refrescar la página. Para ello se realizan
las siguientes etapas.
Instanciar el objeto XMLHttpRequest. Que es el objeto que permite realizar la comunicación en segundo
plano con el servidor, sin recargar la página.
Asociar la función de respuesta. En este caso se obtiene el contenido del archivo y la referencia al
nodo con id "contenidoExterno", después se agrega el contenido a dicho nodo con la función innerHTML.
Se realiza la petición al servidor a través del método open(), al cual se le pasan como argumentos
el tipo de petición que en el ejemplo es GET y la ruta del recurso. Una vez
creada la petición es enviada a través del método send().
Por último se ejecuta la función de respuesta, en el ejemplo se agrega el contenido de texto del recurso
al elemento con id "contenidoExterno"
Cargar contenido con AJAX
Cargar el contenido del archivo "datosExternos.txt" en el rectángulo azul, usando AJAX.