پایه ی AJAX شیء XMLHttpRequest است.

شی XMLHttpRequest

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

شیء XMLHttpRequest می تواند برای تبادل داده ها با یک وب سرور در پشت صحنه ها استفاده شود. این به این معنی است که ممکن است قسمتهای یک صفحه وب را به روزرسانی کنید بدون اینکه کل صفحه را بارگیری کنید.

یک شی XMLHttpRequest ایجاد کنید

تمام مرورگرهای مدرن (Chrome، Firefox، IE7 +، Edge، Safari، Opera) یک ساخته شده در شی XMLHttpRequest دارند.

ساختار ایجاد یک شی XMLHttpRequest:

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

دسترسی به دامنه ها

به دلایل امنیتی مرورگرهای مدرن اجازه دسترسی به دامنه ها را نمی دهند.
این به این معنی است که هر دو صفحه وب و فایل XML که بارگذاری می کند، باید بر روی همان سرور واقع شود.
اگر می خواهید از مثال بالا در یکی از صفحات وب خودتان استفاده کنید، فایل های XML که بارگذاری می کنید باید بر روی سرور خود قرار بگیرند.

مرورگرهای قدیمیتر (IE5 و IE6)

نسخه های قدیمی اینترنت اکسپلورر (5/6) از جسم ActiveX به جای شیء XMLHttpRequest استفاده می کنند:

برای مدیریت IE5 و IE6، بررسی کنید که آیا مرورگر از شیء XMLHttpRequest پشتیبانی می کند یا اینکه یک شی ActiveX را ایجاد کند:

var xhttp = new XMLHttpRequest(); 

روش شی XMLHttpRequest

خواص شیء XMLHttpRequest