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

Sending GET Requests with fetch إرسال طلبات GET غير متزامنة عبر دالة fetch

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

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

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

توفر المتصفحات الحديثة واجهة fetch(url) المبنية على الوعود البرمجية (Promises) كبديل نظيف وحديث عن كائن XMLHttpRequest القديم.

  • استخدم صياغة async / await في JavaScript لاستدعاء const response = await fetch("/api/status.php?id=15").
  • مرر معاملات الاستعلام بأمان عبر encodeURIComponent(val) أو كائن URLSearchParams.
  • أرفق رأس الطلب "Accept": "application/json" ليعلم خادم PHP أن العميل يتوقع استجابة JSON.

تقوم دالة http_build_query() بترميز المفاتيح والقيم قياسياً عند بناء روابط نقاط النهاية في PHP.

PHP
<?php
// Building a query URL safely in PHP for a Fetch client
$params = http_build_query([
    'category' => 'php-8',
    'limit'    => 5,
]);

$endpointUrl = "/api/lessons.php?" . $params;
echo "Fetch URL: " . $endpointUrl . "\n";