طَبِّقْهاتعلّم المبدأ، وطبّقه بيدكمقرر 132 · تقنيات تطوير الواجهات الخلفية
تقييم الدرس 23

ربط الواجهة الأمامية بالـ API

أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس

أسئلة التقييم

تقييم الدرس 23: ربط الواجهة الأمامية بالـ API. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».

1السؤال الأول: اختر الإجابة الصحيحة

1) في أسلوب «الواجهة تطلب API»، ماذا يرسل الخادم غالبًا؟
2) لإرسال JSON بـ fetch نضيف الترويسة:
3) res.ok تكون true حين يكون الرمز:
4) تطبيق على http://localhost:5173 يطلب http://localhost/api . هذان:
5) أُرسل طلب بالترويسة Origin: https://x.com . هل يأخذ ترويسة السماح؟
<?php$ok = ['http://localhost:5173'];$o = $_SERVER['HTTP_ORIGIN'] ?? '';if (in_array($o, $ok, true)) {    header("Access-Control-Allow-Origin: $o");}

2السؤال الثاني: صح أم خطأ

1) fetch ترمي استثناءً حين يرد الخادم بـ 422.
الصواب: خطأ
2) CORS يمنع Postman من استدعاء الواجهة.
الصواب: خطأ
3) الطلب التمهيدي OPTIONS يُرسل قبل طلبات مثل POST بجسم JSON من أصل آخر.
الصواب: صح
4) الـ API الواحدة يمكن أن تخدم موقعًا وتطبيق جوال معًا.
الصواب: صح

3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة

1) لتحويل كائن JavaScript إلى نص JSON قبل إرساله نستخدم .
الإجابة: JSON.stringify
2) الترويسة التي يرسلها المتصفح ليبيّن أصل الصفحة هي .
الإجابة: Origin
3) رد الخادم المناسب للطلب التمهيدي OPTIONS هو .
الإجابة: 204

4السؤال الرابع: أسئلة عملية

1) أُرسل الطلب GET /p.php . ماذا يرسل الخادم؟

<?phpif ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {    http_response_code(204);    exit;}echo 'بيانات';
الناتج الصحيح:
بيانات

2) ماذا يرسل الخادم؟

<?php$data = ['name' => 'ريم', 'email' => 'r@tvtc.sa'];echo json_encode(array_keys($data));
الناتج الصحيح:
["name","email"]
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».

📝 معلم؟ أرسل ملاحظة للمؤلف عن هذا الدرس