Está en la página 1de 2

Instituto Tecnológico Superior del Sur de Guanajuato

Programación WEB2
U3
Ejer7_Ajax
Nombres: Arturo García Ibarra

El objetivo de este ejercicio es conocer el funcionamiento de AJAX, después de haber leído la información de la
presentación sigue los siguientes pasos y ve tomando nota de lo que sucede:

a) Crea un proyecto y escribe el siguiente código:


<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>

<p id="demo">Let AJAX change this text.</p>

<button type="button" onclick="loadDoc()">Change Content</button>

<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "informacion.txt", true);
xhttp.send();
}
</script>

</body>
</html>

b) Dentro del proyecto crea un archivo de texto(.txt) llamado informacion.txt agrega la información de algún tema
de su agrado:

Nota: guarda ejecuta y toma una imagen y pega aquí el resultado uno.
Instituto Tecnológico Superior del Sur de Guanajuato
Programación WEB2
U3
Ejer7_Ajax
Nombres: Arturo García Ibarra

Nota: entregables para el martes 28-04-2020 subir al google drive en su respectiva carpeta.

1) Subir este archivo con el nombre Ejer 7_BootsTrap_botones.pdf


2) Subir la solución del ejercicio (proyecto generado).

También podría gustarte