السلام عليكم ورحمة الله وبركاته
اعلم ان هناك الكثير من المواضيع التى اضيفت فى سوالف عن موضوع الاجاكس وتطبيقاته
لاكن وجدت ان معظم استخدامات الاجاكس لا تزيد عن جلب محتوى صفحة الى صفحة
لذا قمت بالتعديل على الكود التالى ليصبح من اسهل الطرق للتعامل مع الاجاكس
وايضا خاصية الكاش فى الميمورى وليس المتصفح ليسهل فتح المحتوى عند فتحه اكثر من مرة
استخدمت هذا الكود فى اكتر من موقع
www.nilesolutions.biz
-
www.design4host.com
فقط ثلاثة خطوات
1- اضف الملف الحاوى للاكواد
كود:
<script src="ajax.js" type="text/javascript"></script>
2- حدد id الكائن الذى تريد تغيير محتواه بالاجاكس
id هو هوية الكائن يجب ان يكون غير مكرر ويضاف فقط للكائنات المسموح لها بذلك مثل div . p الخ
مثل
كود:
<div id="myid"></div>
3- استخدام الدالة التى تعمل على جلب المحتوى للصفحة
يمكن استخدام الدالة فى الاحداث
مثل onclick, onload , onkeyup
ويمكن استخدام الدالة ايضا مع الروابط
مثل
كود:
open <a onclick="loadContent( 'mydiv1', 'http://www.swalif.net/softs', true ) ; return false;" href="http://www.swalif.net/softs" > Swalif </a> in This page;
كود:
onclick="loadContent( 'MY_DIV_ID', 'URL', DONTUSECACHE ) ; return false;"
MY_DIV_ID = ID الكائن المراد اضافة محتوى ناتج الاجاكس
URL = رابط الصفحة المراد جلبها بالاجاكس
DONTUSECACHE TRUE ? FALSE = عدم استخدام الكاش ؟
معلومة هامة
من اهم عيوب الاجاكس عدم تعرف محركات البحث على محتوى الصفحات المضافة بها لان
محرك البحث ما هو الا اداه تعمل على قراءة النصوص المميزة المعروضة بداخل الصفحة ولا يؤثر معها ولا ملفات ال css ولا حتى اكواد ال javascript
لذا ما يطلع عليه محرك البحث هوا فقط ما يعرض فى الصفحة بواسطة ال html فقط
لذا اذا اردت استخدام الاجاكس لا تقم بجعل الدالة بداخل ال
href="http://www.swalif.net/softs"
بل اترك الرابط كما هو
واضف الدالة فى الحدث onclick
واضف return false;
بعد الدالة ولذلك لالغاء عملية فتح الرابط والانتقال للصفحة الاخرى
وبذلك يستطيع محرك البحث الدخول الى بقاقى صفحات الموقع وحتى ان كانت اجزاء تحمل بالاجاكس ويتمتع الزائر بتقنية الاجاكس بسرعة العرض
الكود ومثال فى هذا الملف المضغوط
http://www.nilesolutions.biz/examples/Ajax.rar
وتطبيق حى على استخدام الاجاكس
http://www.nilesolutions.biz/example...imple_ajax.php
تحياتى للجميع
