Ejercicio de AJAX Estándar

Especificaciones del ejercicio

  1. Estilos CSS:
      Los estilos referente a los elementos contenidos en el div con clase "result" se localizan en la etiqueta style en el head.
  2. Una aplicación de JavaScript que utilice AJAX y que cargue el contenido de un documento HTML o de algún recurso contenido en el servidor en una sección específica de la página, además debe mantener un registro de los estados de la petición. Para ello debe cumplir con:
    1. Al cargar la página, el campo de texto con id recurso debe tener como valor por defecto la URL del documento actual. También puede recibir una URL de algún recurso contenido en el servidor.
    2. Al pulsar el botón "Cargar Contenido" se debe descargar el archivo solicitado por la URL proporcionada por el usuario o en su defecto tomar la ruta del documento actual (según el punto anterior), todo mediante peticiones AJAX, el contenido de la respuesta recibida del servidor se debe mostrar en el div con id "contenido".
    3. Se debe mantener un registro de los estados de la petición, indicando el momento en milisegundos y el estado en el que se encuentra la petición. Los estados de petición regresan un valor numérico por lo que se debe manejar ese comportamiento para relacionar esos índices con las frases; No inicializada, cargando, cargado, interactivo y completado.

Resultado de aplicar las funciones requeridas.

Cargar contenidos con AJAX.

Resultado del ejercicio

Cargar contenido de una página con AJAX

URL:

Contenidos del archivo:

Estados de la petición: