Untuk membantu Anda memahami cara kerja AJAX, kami telah membuat aplikasi AJAX kecil:
Aplikasi AJAX di atas berisi div dan tombol.
Bagian div digunakan untuk menampilkan informasi dari server. Ketika tombol diklik, tombol tersebut bertanggung jawab untuk memanggil fungsi yang disebut loadXMLDoc():
< div id = " myDiv " > < h2 > Gunakan AJAX untuk mengubah konten teks </ h2 > </ div > < tombol ketik = " tombol " onclick = " loadXMLDoc() " > Ubah konten </ tombol >Selanjutnya, tambahkan tag <script> ke bagian kepala halaman. Tag ini berisi fungsi loadXMLDoc():
<kepala> < skrip > fungsi loadXMLDoc(){ .... Eksekusi skrip AJAX...} </ skrip > </kepala>Bab berikut akan menjelaskan kepada Anda cara kerja AJAX.