مقدمة عن تقنية AJAX - تقنية للوصول إلى الخادم من صفحة الويب

 مقدمة عن تقنية AJAX


مقدمة عن تقنية AJAX نبذة عن الأجاكس وكيف تعمل تقنية Ajax أجاكس ليست لغة برمجة هي اختصار لـAsynchronous JavaScript And XML، الأجاكس AJAX هي تقنية للوصول إلى الخادم من صفحة الويب

 AJAX هي تقنية للوصول إلى خوادم الويب من صفحة الويب، وهي اختصار لــ

AJAX = Asynchronous JavaScript And XML

 

تستخدم AJAX مزيجًا من:

كائن XMLHttpRequest مضمن في المتصفح (لطلب البيانات من خادم ويب) JavaScript و HTML DOM (لعرض البيانات أو استخدامها)


ما هي الأجاكس AJAX ؟

AJAX هي عبارة عن خليط أو مزيج من الجافاسكريبت JavaScript ولغة الترميز القابلة للامتداد XML حيث تعمل هذه التقنية على عرض البيانات وتحديثها تلقائيا للزائر دون الحاجة لتحميل الصفحة، دون أن يشعر المستخدم بأي تأخير.

 

لأنه سابقا كان المستخدم ينتظر حتي يتم إعادة تحميل الصفحة، أما الان تقنية أجاكس تعمل على جلب البيانات في الخفاء لعرض البيانات في المتصفح Browser دون تأخير.

 

AJAX قد تستخدم تطبيقات AJAX الـ XML لنقل البيانات ، ولكن من الشائع أيضًا نقل البيانات كنص عادي أو نص JSON.

 

هل Ajax لغة برمجة؟؟

Ajax هي ليست لغة برمجة تحتوي تقنيتها على العديد من التقنيات

Dom => التفاعل مع البيانات إلى الخادم

XmlHttpRequest  => إجراء الاتصال مع الخادم

<= Javascript  ربط جميع التقنيات معًا


أجاكس مبنية على عدة برمجيات موجودة مسبقا أهمها: لغة جافا سكريبت وXML وHTML


مما يتكون الأجاكس Ajax؟؟

مكونات تطبيق AJAX مكونات الأجاكس

أجاكس ليس لغة برمجية مستقلة ولكنها تقنية متقدمة تتكون من عدة تقنيات:

  • جافا سكريبت وهي المسؤولة عن عرض العناصر بالصفحات وتتفاعل مع المستخدم(بمعني أنه اسكريبت مكتوب بلغة جافاسكريبت  داخل مستند HTML لانشاء الكائن XMLHttpRequest)
  • طلب نقل المعلومات وهي المسؤولة عن الاتصال بالسيرفر(دالة التعامل مع السيرفر)
  • لغة الترميز القابلة للامتداد وهي عبارة عن وسيط بين السيرفر وصفحات HTML " مستند HTML وهو أساس عمل التطبيق"
  • نموذج كائن المستند
  • اسكريبت للتعامل مع اسكريبت PHP الذي يستخدمه السيرفر لاستخراج المعلومات المطلوبة من السيرفر

من استخدامات تطبيقات AJAX

  • يسمح للمحتوى الموجود على صفحات الويب بالتحديث على الفور عندما يقوم المستخدم بإجراء ما(قراءة البيانات من خادم الويب - بعد تحميل الصفحة )
  • يمكنك إرسال واستقبال المعلومات بتنسيقات مختلفة ، بما في ذلك JSON و XML و HTML والملفات النصية.
  • لا تحتاج إلى إعادة تحميل الصفحة لإظهار البيانات(تحديث صفحة الويب دون إعادة تحميل الصفحة )
  • يمكنك الاستمرار في استخدام التطبيق بينما يطلب التطبيق معلومات من الخادم في الخلفية(إرسال البيانات إلى خادم الويب - في الخلفية)
  • استخراج البيانات في صيغة نصوص
  • استخراج البيانات في صيغة XML

 

 كيف يعمل الأجاكس Ajax؟

  •  تفتح صفحة الويب
  •  يمكنك اختيار الخيار من تحديد مربع
  • سيتم إرسال طلب إلى الخادم server السيرفر
  • سوف تسترجع الاستجابة البيانات
  • يتم تحديث جزء من الصفحة ببيانات تأتي من الخادم.


أمثلة:

  • جوجل عند البحث عن الكلمات المقترحة(عندما تبحث في محرك بحث جوجل تأتيك كلمات مقترحة).
  • يوتيوب عند تحميل مقاطع الفيديو(عندما ترفع فيديو على اليوتيوب أثناء كتابة عنوان الفيديو والوصف وتحميل الصورة المصغرة يتم تحديث البيانات تلقائيا دون إعادة تحميل الصفحة).
  • الفيسبوك عند كتابة المنشور
  • Gmail عند إرفاق الملفات

 

ماذا تحتاج لتعلم الأجاكس Ajax

Javascript

jQuery

JSON

 Html/Css




اقرأ يضا:

تحميلات:


ادارة مواقع:

Post a Comment

أحدث أقدم