Ajax- شی XMLHttpRequest

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

شی XMLHttpRequest

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

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

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

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

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

variable = new XMLHttpRequest();

مثال AJAX
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 استفاده می کنند:

variable = new ActiveXObject("Microsoft.XMLHTTP");

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

مثال XMLHttpRequest
var xhttp = new XMLHttpRequest(); 
مشاهده مثال

روش شی XMLHttpRequest

متد
شرح
new XMLHttpRequest()
یک شی XMLHttpRequest جدید ایجاد می کند
abort()
درخواست فعلی را لغو می کند
getAllResponseHeaders()
بازگشت اطلاعات هدر
getResponseHeader
اطلاعات هدر خاصی را بازمی گرداند
open(method, url, async, user, psw)
درخواست را مشخص می کند روش: درخواست نوع GET یا POST url: محل فایل async: درست (ناهمزمان) یا نادرست (همگام) کاربر: نام کاربری اختیاری psw: رمز عبور اختیاری
send()
درخواست را به سرور ارسال می کند مورد استفاده برای درخواست های GET
send(string)
درخواست را به سرور ارسال می کند. مورد استفاده برای درخواست های POST
setRequestHeader()
یک جفت برچسب / ارزش را به هدر ارسال می کند

خواص شیء XMLHttpRequest

خصوصیات
شرح
onreadystatechange
تعریف یک تابع را وقتی که propertyState property تغییر می کند نامیده می شود
readyState
دارای وضعیت XMLHttpRequest است. 0: درخواست اولیه نشده است 1: اتصال به سرور برقرار شد 2: درخواست دریافت شد 3: درخواست پردازش 4: درخواست تکمیل شده و پاسخ آماده است
responseText
داده های پاسخ را به عنوان یک رشته می گیرد
responseXML
داده های پاسخ را به عنوان داده های XML باز می گرداند
status
شماره وضعیت شماره درخواست را برمی گرداند 200: "خوب" 403: "ممنوع" 404 پیدا نشد" برای یک لیست کامل به Http Messages Reference مراجعه کنید
statusText
وضعیت متن (مثلا "OK" یا "Not Found") را بازمی گرداند

 

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط