AJAX XMLHttp
AJAX’ning asosiy tayanchi — XMLHttpRequest obyekti.
XMLHttpRequest obyekti
Barcha zamonaviy brauzerlar XMLHttpRequest obyektini qo‘llab-quvvatlaydi.
XMLHttpRequest obyekti server bilan fonda ma’lumot almashish uchun ishlatilishi mumkin. Bu butun sahifani qayta yuklamasdan veb-sahifaning qismlarini yangilash mumkinligini anglatadi.
XMLHttpRequest obyektini yaratish
Barcha zamonaviy brauzerlarda (Chrome, Firefox, Edge (va IE7+), Safari, Opera) o‘rnatilgan XMLHttpRequest obyekti mavjud.
XMLHttpRequest obyektini yaratish sintaksisi:
variable = new XMLHttpRequest();
Yuqoridagi misolda ishlatilgan "ajax_info.txt" fayli oddiy matnli fayl bo‘lib, quyidagicha ko‘rinadi:
<h1>AJAX</h1>
<p>AJAX is not a programming language.</p>
<p>AJAX is a technique for accessing web servers from a web page.</p>
<p>AJAX stands for Asynchronous JavaScript And XML.</p>
Domenlararo murojaat
Xavfsizlik nuqtai nazaridan zamonaviy brauzerlar domenlararo murojaatga ruxsat bermaydi.
Bu veb-sahifa ham, u yuklamoqchi bo‘lgan XML fayl ham bitta serverda joylashgan bo‘lishi kerakligini anglatadi.
W3Schools’dagi barcha misollar W3Schools domenida joylashgan XML fayllarni ochadi.
Agar yuqoridagi misoldan o‘z veb-sahifalaringizdan birida foydalanmoqchi bo‘lsangiz, yuklanadigan XML fayllar o‘z serveringizda joylashgan bo‘lishi kerak.
XMLHttpRequest obyekti metodlari
| Metod | Tavsif |
|---|---|
| new XMLHttpRequest() | Yangi XMLHttpRequest obyektini yaratadi |
| abort() | Joriy so‘rovni bekor qiladi |
| getAllResponseHeaders() | Sarlavha (header) ma’lumotlarini qaytaradi |
| getResponseHeader() | Muayyan sarlavha (header) ma’lumotini qaytaradi |
| open(method,url,async,user,psw) | So‘rovni belgilaydi method: so‘rov turi — GET yoki POST url: fayl joylashuvi async: true (asinxron) yoki false (sinxron) user: ixtiyoriy foydalanuvchi nomi psw: ixtiyoriy parol |
| send() | So‘rovni serverga yuboradi GET so‘rovlari uchun ishlatiladi |
| send(string) | So‘rovni serverga yuboradi. POST so‘rovlari uchun ishlatiladi |
| setRequestHeader() | Yuboriladigan sarlavhaga (header) yorliq/qiymat juftligini qo‘shadi |
XMLHttpRequest obyekti xususiyatlari
| Xususiyat | Tavsif |
|---|---|
| onreadystatechange | readyState xususiyati o‘zgarganda chaqiriladigan funksiyani belgilaydi |
| readyState | XMLHttpRequest holatini saqlaydi. 0: so‘rov ishga tushirilmagan 1: server bilan ulanish o‘rnatilgan 2: so‘rov qabul qilingan 3: so‘rov qayta ishlanmoqda 4: so‘rov yakunlangan va javob tayyor |
| responseText | Javob ma’lumotlarini string sifatida qaytaradi |
| responseXML | Javob ma’lumotlarini XML ma’lumotlari sifatida qaytaradi |
| status | So‘rovning holat raqamini qaytaradi 200: "OK" 403: "Forbidden" 404: "Not Found" To‘liq ro‘yxat uchun Http xabarlari ma’lumotnomasiga o‘ting |
| statusText | Holat matnini qaytaradi (masalan, "OK" yoki "Not Found") |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!