مقدمه
با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته آموختیم که XML چگونه به نمایش در می آید و در ادامه نیز آموزش کار با HttpRequest در XML را ارائه می نماییم.
آموزش کار با HttpRequest در XML
همه مرورگرهای مدرن یک built-in XMLHttpRequest object دارند تا بتوانند داده ها را از سرور دریافت کنند.
لزوم XMLHttpRequest object چیست؟
در واقع XMLHttpRequest object می تواند داده ها را از یک سرور وب درخواست نماید.
XMLHttpRequest object در واقع رویای یک توسعه دهنده است زیرا:
- یک صفحه وب را بدون بارگذاری مجدد آن به روز رسانی می نماید.
- بعد از بارگیری صفحه، داده ها را از سرور درخواست می کند.
- بعد از بارگیری صفحه، داده ها را از سرور دریافت می نماید.
- در پس زمینه background داده ها را به سرور ارسال می کند.
ارسال یک از 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 object ایجاد می کند:
مثال :
| var xhttp = new XMLHttpRequest(); |
ویژگی onreadystatechange یک تابع را برای هر بار که وضعیت شی XMLHttpRequest object تغییر می کند، مشخص می کند:
مثال :
| xhttp.onreadystatechange = function() |
هنگامی که ویژگی readyState بر ۴ تنظیم شده است و ویژگی status نیز ۲۰۰ است،آنگاه پاسخ آماده است:
مثال :
| if (this.readyState == 4 && this.status == 200) |
ویژگی responseText پاسخ سرور را به عنوان یک رشته متنی بازگردانی می کند.
از رشته متنی می توان برای به روز رسانی یک صفحه وب استفاده کرد.
مثال :
| document.getElementById("demo").innerHTML = xhttp.responseText; |
بعدها مطالب بیشتری راجع به XMLHttpRequest object در فصل مربوط به آموزش AJAX در پی وی لرن خواهید آموخت!
نسخه های قدیمی اینترنت اکسپلورر (IE5 و IE6)
توجه داشته باشید که نسخه های قدیمی اینترنت اکسپلورر (IE5 و IE6) از شی XMLHttpRequest object پشتیبانی نمی کنند.
برای مدیریت IE5 و IE6، بررسی کنید که آیا مرورگر از شیء XMLHttpRequest object پشتیبانی می کند یا اینکه ActiveXObject را ایجاد می نماید یا خیر:
مثال :
| if (window.XMLHttpRequest) { // code for modern browsers xmlhttp = new XMLHttpRequest(); } else { // code for old IE browsers xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } |
کلام آخر
در این جلسه بسیار ساده و عملی آموزش کار با HttpRequest در XML را فراگرفتیم.
در جلسه بعدی به کار روی تجزیه کننده های XML خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
