Musheera Ahmed
Musheera Ahmed

@MusheeraAh

11 تغريدة 21 قراءة Dec 01, 2021
ثريد لطيف بعد فترة غياب وانشغال 💔
طلع قدامي الكتيب الرهيب هذا وحبيت انشره هنا مع الشرح بطريقتي وترجمته 😍
الموضوع مقدمة تعريفية بسيطة عن #AJAX
وبكون مبسوطه في حال زودتم الثريد ببعض المصادر المفيده بالموضوع ❤️
خلونا نبدا 💪
كبداية خلونا نفترض انك بتستخدم تطبيق تواصل اجتماعي .. مثلا تويتر ..
الذي بيحصل انه يتم تحميل الصفحة اول مره 👏
بعدها مفترض ايش يحصل؟🤔
👇
حبيت تسوي scroll للصفحة عشان تشوف منشورات جديده 🥺
بالحاله هذي الذي بيحصل انه يتم تحميل الصفحة من جديد 💔 في كل مره بيتم تحميل الصفحة 😭
👇
تخيل انك حبيت تسوي لايك للمنشور🤔
عشان تفهم ايش راح يصير شوف بالاسفل 😁
👇
الذي بيحصل ان الطلب راح ينرسل للسيرفر ويتم معالجته ومن ثم ارسال الرد للمتصفح ليتم تحديث الصفحة 😑
العمليه بين server and client هذي تستهلك وقت 😢
واستهلاك وقت في كل مره يجعل التصفح بطيء
👇
الحل كان AJAX🎊🎉
ماهو ajax?
هو اختصار لـAsynchronous JavaScript and XML
ممم ايش يعني هذا الكلام؟🤔
يعني انه ajax تقنية وليست لغة برمجية هدفها انها تعمل مع js و xml بالاضافه لـhtml&css
ايش الغرض منها؟🤔
بناء تطبيقات ويب افضل واسرع واكثر تفاعلية
👇
مع تقنية اجاكس بحال سويت لايك على اي بوست .. بيتم تحديث عدد اللايكات فقط وليس الصفحة ككل 😍
لكن كيف يتم هذا الشيء 👏
وكيف قدرو يحسنو الاداء بهذا الشكل ..
تعال نكتشف مع بعض 😁
👇
مممم
يتم ارسال طلب للسيرفر وارسال رد للمتصفح ..
تقريباً نفس الطرق التقليديه !!
فين الفرق؟؟
👇
الـ trick بانه الطلب الذي يُرسل هو طلب خاص يتم عمله بواسطة جافا سكريبت .. XMLHttpRequest
والرد كذلك يتم قرائتة من قبل كائن جافا سكريبت DOM ..
وبكذا يتم التعامل وتحديث الجزء المحدث فقط وليست الصفحة ككل 👏👏👏
عشان تفهم العملية اكثر
👇
مع ajax بكل تحديث بيحصل طلب للسيرفر كالتالي:
1️⃣في حال الضغط على زر مثلاً يتم انشاء XMLHttpRequest عن طريق js
2️⃣يرسل الطلب للسيرفر
3️⃣السيرفر يعالج الطلب
4️⃣يرد السيرفر على الصفحة
5️⃣يتم قراءة الرد بواسطةjs
6️⃣الصفحة تُحدث بالبيانات الجديدة
👇
وصلنا لنهاية الثريد 👏
لو شايف ان المعلومات فادتك او ممكن تفيد غيرك لاتبخل بالتفاعل معانا 😁
اذا لسه ماتابعت حسابي تابعني عشان مايفوتك شيء 😎@MusheeraAh
لايك وريتويت وكومنت 😁
وسلااام 🎊

جاري تحميل الاقتراحات...