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

شی XMLHttpRequest

از شی XMLHttpRequest می توان برای درخواست داده از یک وب سرور استفاده کرد.
شی XMLHttpRequest در واقع یک رویا برای برنامه نویس محسوب می شود، چونکه :

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

مثال شی XMLHttpRequest

هنگام وارد کردن یک کاراکتر در فیلد ورودی زیر، یک XMLHttpRequest به سرور ارسال می شود، و برخی از پیشنهادات نام (از سرور) بازگردانده می شود:
مثال :
نام:   پیشنهاد :

مثال بالا در بخش AJAX از آموزش های xml توضیح داده شده است.

ارسال یک XMLHttpRequest

یک ترکیب کد جاوا اسکریپت برای استفاده از شی XMLHttpRequest مانند مثال زیر است :

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

توضیح مثال :

خط اول در مثال بالا یک شی XMLHttpRequest ایجاد می کند:

ویژگی  onreadystatechange تابعی را مشخص می کند تا هر بار که وضعیت شی XMLHttpRequest تغییر می کند، اجرا شود:

هنگامی که ویژگیreadyState  به مقدار 4 است و ویژگی status به مقدار200 است، پاسخ آماده است:

خاصیت responseText پاسخ سرور را به عنوان یک رشته متن ، باز می گرداند.

رشته متن را می توان برای به روز رسانی صفحه وب مورد استفاده قرار داد:

ورژن های قدیمی IE (ورژن 5 و 6)

نسخه های قدیمی اینترنت اکسپلورر (IE5 و IE6) از شی XMLHttpRequest پشتیبانی نمی کنند.
برای حل مسئله IE5 و IE6، بررسی کنید که آیا مرورگر از شیء XMLHttpRequest پشتیبانی می کند یا اینکه ActiveXObject را ایجاد کنید:

if (window.XMLHttpRequest) {
    // code for modern browsers
    xmlhttp = new XMLHttpRequest();
 } else {
    // code for old IE browsers
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}