JavaScript - AJAX مقدمة
JavaScript - مقدمة عن AJAX
🔸 AJAX هو اختصار لـ Asynchronous JavaScript and XML، ويُستخدم لإرسال واستقبال البيانات من السيرفر بدون إعادة تحميل الصفحة. أي أنك تستطيع تحديث جزء معين من الصفحة بدون أن تضطر إلى تحميلها بالكامل.
---🔹 ماذا يتيح لك AJAX أن تفعل؟
- قراءة البيانات من السيرفر بعد تحميل الصفحة.
- إرسال البيانات إلى السيرفر في الخلفية.
- تحديث محتوى الصفحة بدون إعادة تحميلها.
- إنشاء تجربة مستخدم أكثر سلاسة وتفاعلية.
🔹 مثال تطبيقي على فكرة AJAX
عند إدخال اسم مستخدم في حقل معين، يقوم AJAX بإرسال الطلب إلى السيرفر والتأكد إذا كان الاسم مستخدمًا أم لا — بدون إعادة تحميل الصفحة.
---🔹 لماذا يُستخدم AJAX؟
- لتحسين الأداء وتجربة المستخدم.
- لتقليل استهلاك البيانات بإرسال واستقبال أجزاء فقط من الصفحة.
- لإنشاء تطبيقات تعتمد على التفاعل الفوري (مثل Google Search وFacebook).
📌 تقنيات AJAX
- JavaScript – لإنشاء طلبات HTTP.
- XMLHttpRequest – الكائن الأساسي للتعامل مع AJAX.
- أو استخدام Fetch API – طريقة أحدث وأسهل.
- يمكن استخدام JSON بدل XML لنقل البيانات.
⚠️ ملاحظات
- AJAX لا يُعد لغة جديدة، بل هو أسلوب يعتمد على JavaScript وتقنيات أخرى.
- يعمل AJAX في الخلفية ولا يعيق المستخدم.
- يمكن استخدامه مع أي سيرفر يدعم معالجة الطلبات (PHP, ASP, Node.js...).
تعليقات
إرسال تعليق