Para ayudarle a comprender cómo funciona AJAX, hemos creado una pequeña aplicación AJAX:
La aplicación AJAX anterior contiene un div y un botón.
La sección div se utiliza para mostrar información del servidor. Cuando se hace clic en el botón, este es responsable de llamar a una función llamada loadXMLDoc():
< div id = " myDiv " > < h2 > Utilice AJAX para modificar el contenido del texto </ h2 > </ div > botón < tipo = " botón " onclick = " loadXMLDoc() " > Modificar contenido </ botón >A continuación, agregue una etiqueta <script> a la sección principal de la página. Esta etiqueta contiene la función loadXMLDoc():
<cabeza> < script > función loadXMLDoc(){ .... ejecución del script AJAX...} </ script > </cabeza>Los siguientes capítulos le explicarán cómo funciona AJAX.