شرح صفوف ومحتوى الفقرة
يوضح الجدول المرجعي مراحل readyState الخمس بالتفصيل، وبمجرد بلوغ المرحلة الرابعة بنجاح توفر الخاصية الافتراضية xhr.responseText النص الكامل المرسل من الخادم لتحليله وعرضه:
قيمة readyState | الثابت القياسي | المعنى الدقيق في دورة الاتصال |
|---|---|---|
0 | UNSENT | أُنشئ الكائن ولم تُستدعَ open() بعد |
1 | OPENED | استُدعيت open() ويمكن الآن ضبط رؤوس الطلب |
2 | HEADERS_RECEIVED | وصل كود الحالة ورؤوس استجابة الخادم |
3 | LOADING | جاري تنزيل دفعات جسم الاستجابة |
4 | DONE | اكتملت عملية النقل بالكامل وجاهزة للفحص |
JavaScript
const xhr = new XMLHttpRequest();
const out = document.getElementById('rs-out');
const url = 'data:text/plain,' +
encodeURIComponent('Server Status: Operational (99.98%)');
xhr.onreadystatechange = () => {
if (xhr.readyState === 4 && xhr.status === 200) {
out.textContent = xhr.responseText;
}
};
xhr.open('GET', url, true);
xhr.send();