Hola amigos, ya en un post anterior hablamos de lo que era AJAX, en esta ocasión veremos como podemos cargar en un div de nuestro html texto y una imagen sin necesidad de recargar nuestra página, la cual es el principal objetivo al momento de hacer AJAX, así que veamos:
[cc lang=»html»]
🌟 ¡Visita Nuestra Tienda para Programadores! 🌟Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!
[/cc]
Como podemos ver en el código anterior nuestra pagina cuenta solo de un botón (por efectos de practicidad) que hace el llamado a la función Cargar con el evento Onclick de JavaScript, así mismo con la variable xmlhttp hacemos el procesamiento mediante AJAX de nuestro archivo de texto, para luego referenciar el div «principal» y cargar los datos, cabe decir que si incluimos html en nuestro archivo de texto este será procesado y mostrado en la página, un ejemplo insertando una imagen: