Para ajudá-lo a entender como o AJAX funciona, criamos um pequeno aplicativo AJAX:
A aplicação AJAX acima contém uma div e um botão.
A seção div é usada para exibir informações do servidor. Quando o botão é clicado, ele é responsável por chamar uma função chamada loadXMLDoc():
< div id = " myDiv " > < h2 > Use AJAX para modificar o conteúdo do texto </ h2 > </ div > < botão tipo = " botão " onclick = " loadXMLDoc() " > Modificar conteúdo </ botão >Em seguida, adicione uma tag <script> à seção principal da página. Esta tag contém a função loadXMLDoc():
<cabeça> < script > function loadXMLDoc(){ .... Execução de script AJAX...} </ script > </ cabeça >Os capítulos a seguir explicarão como funciona o AJAX.