ایکس ایم ل هرریضت درخواست

همه مرورگرهای مدرن نمونه XMLHttpRequest داخلی دارند، که برای درخواست داده از سرور استفاده می‌شود.

نمونه XMLHttpRequest

نمونه XMLHttpRequest می‌تواند از سرور وب داده درخواست کند.

نمونه XMLHttpRequestرویاهای توسعه‌دهندگان، زیرا شما می‌توانید:

• صفحه را به‌روزرسانی کنید - بدون بارگذاری مجدد صفحه
• داده‌ها را از سرور درخواست کنید - پس از بارگذاری صفحه
• داده‌ها را از سرور دریافت کنید - پس از بارگذاری صفحه
• داده‌ها را به سرور ارسال کنید - در پس‌زمینه

مثال XMLHttpRequest

وقتی شما در فیلد ورودی زیر حرف می‌زنید، XMLHttpRequest به سرور ارسال می‌شود و چندین پیشنهاد نام (از سرور) بازمی‌گردد:

مثال

لطفاً نام خود را در فیلد ورودی زیر وارد کنید:

XMLHttpRequest ارسال کنید

زبان JavaScript معمولی استفاده شده برای XMLHttpRequest نمونه در زیر است:

مثال

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    اگر (این.readyState == 4 && این.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، پاسخ آماده است:

اگر (این.readyState == 4 && این.status == 200)

responseText تُرجع الصفات كنصوص نصية استجابة الخادم.

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

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

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