لفهم كيفية عمل 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 .
ليست هناك تعليقات:
إرسال تعليق