XMLHttpRequest (XML HttpRequest)
«XMLHttpRequest» یک راه برای گرفتن داده از سرور است. صفحه را دوباره بارگذاری نمی کنیم؛ فقط داده می گیریم و نمایش می دهیم. اصطلاح «در پس زمینه (Background)» یعنی کاربر مزاحمتی نمی بیند.
شیء XMLHttpRequest چیست؟
این شیء از سرور درخواست می فرستد و پاسخ را می گیرد. سپس، بدون رفرش، بخش های صفحه را به روزرسانی می کند.
نمونه کاربرد XMLHttpRequest
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "filename", true);
xhttp.send();
توضیح کد به زبان ساده
readyState یعنی مرحله درخواست؛ عدد 4 یعنی پاسخ آماده است. status کد موفقیت است؛ 200 یعنی همه چیز اوکی است. responseText رشته پاسخ از سرور است.
گام های عملی
- یک شیء XMLHttpRequest بساز.
- تابع
onreadystatechangeرا تنظیم کن. - با
openروش، آدرس و async را بده. - با
sendدرخواست را بفرست.
نکته: اگر مقدار status غیر از 200 بود، پیام خطا نشان بده.
برای درک نمایش داده، صفحه نمایش را ببین. همچنین، برای ادامه مسیر به تحلیلگر XML برو. برای دسترسی سریع، از XMLHttpRequest استفاده کن.
جمع بندی سریع
- XMLHttpRequest بدون رفرش، داده می گیرد.
- به
readyState===4وstatus===200دقت کن. - پاسخ را با
responseTextمی خوانیم. - با
openوsendدرخواست می فرستیم.