ماهي تقنية الأجاكس Ajax ~ الدليل

السلام عليكم ورحمة الله وبركاتة

أخواني وأخواتي الكرام

بعد التحية المعطرة بأحلي الورود

اليوم سوف نتعرف على أجاكس AJAX

أجاكس هي تكنولوجيا مستخدمه لجعل المواقع أكثر تفاعلا واستجابة وأسرع في التحميل،

وكلمة (AJAX) أتت من اختصار لاسم التقنية الكامل

وهو Asynchronous JavaScript And XML و تعني “حرفياً” ،

“الجافا سكربت الغير تزامنية مع الـ(XML)”. الفكرة الأساسية للأجاكس

هي عندما يغير المستخدم شي في صفحة على الانترنت فإن الجزء الذي غيره

المستخدم يُعاد تحميل فقط بدلاً من إعادة تحميل كل الصفحة مرة أخرى

تتم هذه العملية من خلال تبادل بيانات صغيرة الحجم بين المتصفح

ومزود صفحة الانترنت. وبذلك يكون التحميل أسرع.

أجاكس تشمل تحتها تكنولوجيات عديدة منها :

1. HTML أوXHTML ، وCSS (اختصار لـ Cascading Style Sheet )

، وهي لغة نصية لتسهيل تصميم صفحات الويب.

2. جافا سكربت JavaScript، لغة نصية لعرض وتقديم البيانات ديناميكياً.

3. XMLHttpRequest Object ،

وهي عبارة عن (API (Application Programming Interface

أو (عنصر برمجة للتطبيقات البينية)، وتستخدم لتبادل البيانات بطريقة

غير تزامنية بين الزبون والمزود.

4. XML، لغة تُستخدم لإعادة تمثيل بنية و شكل البيانات القادمة من المزود (server).

نستطيع القول أنه عند استخدام هذه التقنية فلن يتم إظهار النتائج في نفس الصفحة تلقائيا بدون الانتقال ( ستتم عملية تحميل المحتوى الجديد خلف الكواليس ) ..

ولتقريب الفكرة أكثر جرب خدمة Google suggest و التي بطباعة أي حرف في حقل البحث سيقترح عليك جوجل مجموعة من الكلمات التي تبدأ بالحرف ..

كيف تم تحميل القائمة بمجرد طباعة الحرف بدون نقلك بالمتصفح ..

الكلمة السحرية .. AJAX; كما يمكنك زيارة هذه المواقع

للتعرف أكثر على استخداماتها :

Google Maps : يمكنك التقريب و الابتعاد و تحريك الخريطة بطريقة سلسلة

و تفاعلية بدون نقل المتصفح ( بدون استخدام تقنية أخرى تفاعلية مثل الفلاش)

يُلاحظ من استخدام خرائط غوغل أن الخريطة

مقسمة إلى مربعات تُحمّل بالتدريج، و عندما يغير المستخدم الاتجاه

فإن الأجزاء الجديدة هي التي يعاد تحميلها فقط. هذه هي الأجاكس بالضبط.

كما من الأمثلة المشهورة لاستخدام الأجاكس

هي مربعات التحميل (Loading) ذات الرسومات المتحركة الجميلة و البسيطة

Bliki list : لتجميع و تصنيف مواقعك