Ejemplo de uso de load()

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. En los documentos del ejercicio son ejercicioLoad.html y "datosExternos.txt". implementar una aplicación de jQuery que utilice la función load() para descargar un archivo del servidor en segundo plano, después obtiener el contenido del archivo y lo carga en el "div" con id "contenidoExterno" sin refrescar la página.
    1. Antes de presionar el botón se debe mostrar un texto original que indica que aun no sea realizado la petición.
    2. Cuando se lanza la petición el texto inicial desaparece y se debe mostrar una imagen de "cargando" centrada en el "div" con id "contenidoExterno" el proceso de la petición deben presentar un retardo de 2 segundos (independientemente de lo que tarde en realizar el proceso AJAX). Una vez cargado el texto la imagen desaparece y el nuevo contenido reemplaza al anterior.
    3. Se puede utilizar la imagen "images/ajax-load.gif" para el ejercicios o cargar el recurso gráfico de su preferencia.

Cargar contenido con load()

Cargar el contenido del archivo "datosExternos.txt" en el "div" con id contenidoExterno usando load().

Esperando contenido externo.