قراءة رؤوس استجابة الخادم | استقبال ومعالجة استجابة الخادم في AJAX

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

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

يرسل الخادم غالباً معلومات وصفية مهمة (كنوع المحتوى أو المتبقي من حد الطلبات أو عدد الصفحات) داخل حقول رأس الاستجابة. اقرأ أي حقل مفرد عبر xhr.getResponseHeader("Content-Type")، أو استعرض جميع رؤوس الاستجابة المتاحة كنص متعدد الأسطر عبر xhr.getAllResponseHeaders().

الصف 2 كود برمجي

JavaScript

const json = '{"order":804,"status":"Shipped"}';
const blob = new Blob([json], { type: 'application/json' });
const xhr = new XMLHttpRequest();
const out = document.getElementById('ty-out');
xhr.responseType = 'json';
xhr.onload = () => {
  const ct = xhr.getResponseHeader('Content-Type');
  out.textContent = '#' + xhr.response.order + ' (' + ct + ')';
};
xhr.open('GET', URL.createObjectURL(blob), true);
xhr.send();

جرّب بنفسك

الصف 3 ملاحظة هامة

الصف 4 ملاحظة هامة

الصف 5 ملاحظة هامة

خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس مراحل readyState الخمس مع التحقق من كود status، وقراءة النصوص بـ responseText، والتحليل التلقائي عبر responseType = "json" وxhr.response، وفحص رؤوس الاستجابة بـ getResponseHeader(). الخطوة التالية: انتقل إلى درس «قراءة بيانات XML عبر AJAX» لاستخراج البيانات من مستندات XML بأمان.

Inspecting Response HTTP Headers قراءة رؤوس استجابة الخادم

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

ملخص الدرس

ماذا تعلّمت في هذا الدرس؟

جميع فقرات هذا الدرس (استقبال ومعالجة استجابة الخادم في AJAX)