انتقل إلى محتوى الدرس

Synchronous Loads vs Async AJAX التحميل التقليدي مقابل الطلبات غير المتزامنة AJAX

اربط طلبات fetch() الحديثة في JavaScript مع ملفات الخادم في PHP لتحديث محتوى الصفحة دون إعادة تحميلها.
1 صفوف تعليمية
PHP
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يقوم التصفح المتزامن التقليدي بإعادة تحميل صفحة HTML بالكامل عند كل نقرة؛ بينما تتيح تقنية AJAX للمتصفح تبادل بيانات خفيفة مع خادم PHP في الخلفية دون إعادة تحميل الصفحة.

  • في الطلب المتزامن التقليدي، يهدم المتصفح شجرة DOM الحالية ويطلب صفحة HTML كاملة من PHP من جديد.
  • في طلب AJAX غير المتزامن، تستدعي دالة fetch() في JavaScript ملف PHP خفيفاً يُرجع البيانات المطلوبة فقط بصيغة JSON.
  • يحتفظ المستخدم بموضع التمرير وحالة الصفحة دون وميض، بينما يتم تحديث العنصر المستهدف فقط داخل DOM.

بدلاً من طباعة مستند <html>...</html> كامل، يُخرج ملف PHP نص JSON مضغوطاً وخفيفاً للغاية.

مخطط توضيحي: محاكي التخاطب غير المتزامن بين JavaScript fetch() وخادم PHP
PHP
<?php
// Lightweight PHP endpoint: /api/server-time.php
$payload = [
    'ok'        => true,
    'timestamp' => 1762550400,
    'formatted' => gmdate('Y-m-d H:i:s', 1762550400) . ' UTC',
];

echo json_encode($payload) . "\n";