وب آکادمی

مرجع آموزش طراحی و برنامه نویسی وب

آموزش AJAX در پی اچ پی- 3#آشنایی با شی XMLHttpRequest

دسته بندی:آموزش استفاده از ajax با زبان php تاریخ انتشار: 27 آبان 1397 برچسب ها : برچسب‌ها:, ,

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

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

تمام مرورگرهای مدرن (Chrome ، Firefox ، IE7 + ، Edge ، Safari ، Opera ) یک شی XMLHttpRequest ساخته شده دارند.
نحو ایجاد یک شی
XMLHttpRequest :
variable = new XMLHttpRequest();
مثال:
var xhttp = new XMLHttpRequest();

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

به دلایل امنیتی، مرورگرهای مدرن اجازه دسترسی به دامنه های دیگر را نمی دهند.
این به این معنی است که هر دو صفحه وب و فایل XML که بارگذاری می کند، باید بر روی یک سرور قرار گیرد.
مرورگرهای قدیمی تر (IE5 و IE6 )
نسخه های قدیمی اینترنت اکسپلورر (5/6) از جسم ActiveX به جای شی XMLHttpRequest استفاده می کنند:
variable = new ActiveXObject("Microsoft.XMLHTTP");
مثال:
برای مدیریت IE5 و IE6 ، بررسی کنید که آیا مرورگر از شیء XMLHttpRequest پشتیبانی می کند یا اینکه یک شی ActiveX را ایجاد کند :
if (window.XMLHttpRequest) {
// code for modern browsers
xmlhttp = new XMLHttpRequest();
} else {
// code for old IE browsers
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

متدهای شی XMLHttpRequest

توصیف متد
یک شی XMLHttpRequest جدید ایجاد می کند

new XMLHttpRequest()

درخواست فعلی را لغو می کند

abort()

اطلاعات هدر را بازمی گرداند

getAllResponseHeaders()

اطلاعات هدر خاصی را بازمی گرداند

getResponseHeader()

درخواست را مشخص می کند

روش: درخواست نوع GET یا POST
url : محل فایل
async : درست (ناهمزمان) یا نادرست (همگام)
کاربر: نام کاربری اختیاری
psw : رمز عبور اختیاری

open(method, url, async, user, psw)

درخواست را به سرور ارسال می کند
مورد استفاده برای درخواست های GET

send()

درخواست را به سرور ارسال می کند.
مورد استفاده برای درخواست های POST

send(string)

یک جفت برچسب / ارزش را به هدر ارسال می کند

setRequestHeader()

خواص شی XMLHttpRequest

توصیف متد
تعیین یک تابع را وقتی که propertyState خاصیت تغییر کند فراخوانی می شود.

onreadystatechange

دارای وضعیت XMLHttpRequest است.
0: درخواست اولیه نشده است
1: اتصال به سرور برقرار شد
2: درخواست دریافت شد
3: در حال پردازش درخواست
4: درخواست تکمیل شده و پاسخ آماده است

readyState

داده های پاسخ را به عنوان یک رشته برمی گرداند

responseText

داده های پاسخ را به عنوان داده های XML باز می گرداند

responseXML

شماره وضعیت شماره درخواست را برمی گرداند
200: “خوب”
403: “ممنوع”
404 پیدا نشد”

status

وضعیت را بصورت متنی (مثلا “OK ” یا “Not Found “)  برمی گرداند

statusText

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

17 − 4 =