021-28423015

درخواست http در xml

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


شی XMLHttpRequest

از شی XMLHttpRequest می توان برای درخواست داده از یک وب سرور استفاده کرد.
شی XMLHttpRequest در واقع یک رویا برای برنامه نویس محسوب می شود، چونکه :

  • به روز رسانی یک صفحه وب بدون بارگذاری مجدد صفحه
  • داده های درخواست پاسخ به از یک سرور - پس از لود صفحه
  • دریافت اطلاعات از سرور - پس از لود صفحه
  • ارسال اطلاعات به سرور - در پس زمینه


مثال شی XMLHttpRequest

هنگام وارد کردن یک کاراکتر در فیلد ورودی زیر، یک XMLHttpRequest به سرور ارسال می شود، و برخی از پیشنهادات نام (از سرور) بازگردانده می شود:
مثال :
نام:   پیشنهاد :

مثال بالا در بخش AJAX از آموزش های xml توضیح داده شده است.

 

ارسال یک XMLHttpRequest

یک ترکیب کد جاوا اسکریپت برای استفاده از شی XMLHttpRequest مانند مثال زیر است :

ارسال یک XMLHttpRequest
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();
مشاهده مثال

 

توضیح مثال :

خط اول در مثال بالا یک شی XMLHttpRequest ایجاد می کند:

var xhttp = new XMLHttpRequest();

ویژگی  onreadystatechange تابعی را مشخص می کند تا هر بار که وضعیت شی XMLHttpRequest تغییر می کند، اجرا شود:

xhttp.onreadystatechange = function()

هنگامی که ویژگیreadyState  به مقدار 4 است و ویژگی status به مقدار200 است، پاسخ آماده است:

if (this.readyState == 4 && this.status == 200)

خاصیت responseText پاسخ سرور را به عنوان یک رشته متن ، باز می گرداند.

رشته متن را می توان برای به روز رسانی صفحه وب مورد استفاده قرار داد:

document.getElementById("demo").innerHTML = xhttp.responseText;

 

ورژن های قدیمی IE (ورژن 5 و 6)

نسخه های قدیمی اینترنت اکسپلورر (IE5 و IE6) از شی XMLHttpRequest پشتیبانی نمی کنند.
برای حل مسئله IE5 و IE6، بررسی کنید که آیا مرورگر از شیء XMLHttpRequest پشتیبانی می کند یا اینکه ActiveXObject را ایجاد کنید:

if (window.XMLHttpRequest) {
    // code for modern browsers
    xmlhttp = new XMLHttpRequest();
 } else {
    // code for old IE browsers
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} 
مشاهده مثال

 


نظر شما

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

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

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

مقالات مرتبط