آموزش طراحی سایت (HTML CSS Javascript) | آتریا

آموزش آجاکس XMLHttp

سنگ بنای آجاکس، شیء XMLHttpRequest می باشد.

شیء XMLHttpRequest

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

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

ایجاد یک شیء XMLHttpRequest

تمام مرورگرهای مدرن(chrome, IE7+,firefox,safari,opera)دارای یک شیء XMLHttpRequest در درون خود می باشند.

نحوه ی نوشتن کد برای ایجاد یک شیء XMLHttpRequest:

variable = new XMLHttpRequest();

ورژن های قدیمی اینترنت اکسپلورر(IE5, IE6) از یک شیء ActiveX استفاده می کنند:

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

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

مثال

var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
} else {
    // code for IE6, IE5
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

خودتان امتحان کنید »

در مقاله ی بعدی، نحوه ی ارسال درخواست به سرور را فرا خواهید گرفت.

: نوشته شده توسط احسان عباسی; بازدید: 6860

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی