XML HttpRequest

جميع المتصفحات الحديثة تحتوي على XMLHttpRequest المدمج، لطلب البيانات من الخادم.

مثل XMLHttpRequest

يمكن استخدام XMLHttpRequest لطلب بيانات من خادم الويب.

مثل XMLHttpRequest هوحلم المطور، لأنك تستطيع:

• تحديث الصفحة - دون إعادة تحميل الصفحة
• طلب بيانات من الخادم - بعد تحميل الصفحة
• استقبال بيانات من الخادم - بعد تحميل الصفحة
• إرسال بيانات إلى الخادم - في الخلفية

مثال XMLHttpRequest

عندما تكتب في الحقل أدناه، سيتم إرسال XMLHttpRequest إلى الخادم، وستتم استعادة بعض اقتراحات الأسماء (من الخادم):

مثال

يرجى إدخال الاسم في الحقل أدناه:

إرسال XMLHttpRequest

إليك الجملة الشائعة لـ JavaScript عند استخدام XMLHttpRequest:

مثال

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    إذا (this.readyState == 4 && this.status == 200) {
       // الإجراء النموذجي الذي سيتم تنفيذه عند جاهزية المستند:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

تجربة شخصية

شرح المثال

في السطر الأول من المثال أعلاه تم إنشاء مثل XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange الخاصية تحدد ما هي الدالة التي يتم تنفيذها كل مرة يتغير فيها حالة XMLHttpRequest:

xhttp.onreadystatechange = function()

عندما readyState عندما تكون الخاصية 4 الخاصية عندما تكون الخاصية 200، يكون الاستجابة جاهزة:

إذا (this.readyState == 4 && this.status == 200)

responseText تُرجع الخصائص نصًا نصيًا كرد فعل من الخادم.

يمكن استخدام نصوص النصوص للتحديث صفحة الويب:

document.getElementById("demo").innerHTML = xhttp.responseText;

ستتعلم المزيد عن عنصر XMLHttpRequest في فصل AJAX هذا من الدليل.