เพื่อช่วยให้คุณเข้าใจวิธีการทำงานของ AJAX เราได้สร้างแอปพลิเคชัน AJAX ขนาดเล็ก:
แอปพลิเคชัน AJAX ด้านบนประกอบด้วย div และปุ่ม
ส่วน div ใช้เพื่อแสดงข้อมูลจากเซิร์ฟเวอร์ เมื่อคลิกปุ่ม จะทำหน้าที่เรียกใช้ฟังก์ชันที่เรียกว่า loadXMLDoc():
< กอง id = " myDiv " > < h2 > ใช้ AJAX เพื่อแก้ไขเนื้อหาข้อความ </ h2 > </ div > ปุ่ม < ประเภท = " ปุ่ม " onclick = " loadXMLDoc() " > แก้ไขเนื้อหา </ ปุ่ม >ถัดไป เพิ่มแท็ก <script> ไปที่ส่วนหัวของหน้า แท็กนี้มีฟังก์ชัน loadXMLDoc():
<หัว> < สคริปต์ > ฟังก์ชัน loadXMLDoc(){ .... การเรียกใช้สคริปต์ AJAX...} </ สคริปต์ > </ หัว >บทต่อไปนี้จะอธิบายให้คุณทราบว่า AJAX ทำงานอย่างไร