ایجاد شیئ XML درخواست داده از سرور با ای جکس

در این مقاله آموزش درخواست داده از سرور توسط Ajax را بررسی می کنیم.

نقطه قدرت ای جکس در ایجاد شئی XMLHttpRequest است.

شیئ XMLHttpRequest

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

شیئ XMLHttpRequest برای ارسال و دریافت داده از سرور در پس زمینه سایت کاربرد دارد، این به معنی امکان بروز رسانی اطلاعات سایت بدون بارگذاری مجدد صفحه است.

ایجاد شیئ XMLHttpRequest

برای ایجاد شیئ XMLHttpRequest از متغییر زیر استفاده کنید:

variable = new XMLHttpRequest();

مثال

var xhttp = new XMLHttpRequest();

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

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

برای نسخه های قدیمی تر اینترنت اکسپلورر 5 و 6

بجای ای جکس از معادل اکتیو ایکس استفاده می کنیم:

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

به مثال زیر نگاه کنید:

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

متد های شیئ XMLHttpRequest:

متد	توضیح متد
new XMLHttpRequest()	این متد یک شیئ جدید XMLHttpRequest ایجاد می کند
abort()	درخواست فعلی را کنسل می کند
getAllResponseHeaders()	اطلاعات هدر را باز میگرداند
getResponseHeader()	بازگردانی اطلاعات خاصی از هدر
open(method,url,async,user,psw)	درخواست خاصی را به این ترتیب ایجاد می کند. Method : تعیین GET or POST درخواست url : آدرس فایل Async : مقدار True یا False را برای همگام بودن یا نبودن می پذیرد User : نام کاربر بصورت اختیاری Psw : رمز عبور بصورت اختیاری
send()	ارسال درخواست به سرور برای درخواست GET
send(string)	ارسال درخواست به سرور برای درخواست نوع POST
setRequestHeader()	افزودن اطلاعات جفتی label/value به هدر برای ارسال

صفات شیئ XMLHttpRequest:

صفت	توضیح
onreadystatechange	ایجاد یک عملگر هنگام تغییر صفت readyState
readyState	نگهداری مقدار وضعیت XMLHttpRequest 0 : درخواست، مقدار دهی اولیه ندارد. 1: سرور پایداری لازم را دارد. 2 : دریافت درخواست 3: پردازش درخواست 4: پایان درخواست و آمادگی برای پاسخ
responseText	بازگردانی داده ها بصورت رشته ای
responseXML	بازگردانی داده ها بصورت XML
status	بازگردانی مقدار وضعیت به یک درخواست 200: OK 403: ممنوع 404: عدم یافتن آدرس مد نظر
statusText	بازگردانی وضعیت بصورت متن (OK \| NOT)