أمثلة AJAX

لفهم كيفية عمل AJAX , سنقوم بإنشاء برنامج من خلال لغة AJAX :

مثال

دع أجاكس يقوم بتغيير المحتوى


شرح المثال السابق

يحتوي البرنامج السابق على وسم div و زر واحد .

يستخدم div لعرض معلومات تم استدعائها من السيرفر .

يقوم الزر باستدعاء الكود الوظيفي المسمى loadXMLDoc() عند الضغط عليه :

<html>
<body>
<div id="myDiv"><h2>دعونا نقوم بتغيير محتوى البرنامج</h2></div>
<button type="button" onclick="loadXMLDoc()">تغيير المحتوى</button>

</body>
</html>

و الآن سنضيف الوسم <script> على قسم رأس الصفحة .

يحتوي قسم السكربت على الكود الوظيفي loadXMLDoc() :

<head>
<script type="text/javascript">
function loadXMLDoc() {
كود الأجاكس هنا
}

</script>
</head>

سيتم شرح الأمثلة في الدروس التالية لكيفة عمل AJAX .