Header Ads

أمثلة 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 .

ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.