لمساعدتك على فهم كيفية عمل AJAX، قمنا بإنشاء تطبيق AJAX صغير:
يحتوي تطبيق AJAX أعلاه على div وزر.
يتم استخدام قسم div لعرض المعلومات من الخادم. عند النقر فوق الزر، يكون مسؤولاً عن استدعاء دالة تسمىloadXMLDoc():
< شعبة id = " myDiv " > < h2 > استخدم AJAX لتعديل محتوى النص </ h2 > </ div > < زر اكتب = " زر " onclick = " loadXMLDoc() " > تعديل المحتوى </ Button >بعد ذلك، قم بإضافة علامة <script> إلى قسم الرأس بالصفحة. تحتوي هذه العلامة على الدالةloadXMLDoc():
<الرأس> < script > functionloadXMLDoc(){ .... تنفيذ البرنامج النصي AJAX...} </ script > </ الرأس >ستشرح لك الفصول التالية كيفية عمل AJAX.