XML HttpRequest
Barcha zamonaviy brauzerlarda serverdan ma’lumot so‘rash uchun o‘rnatilgan XMLHttpRequest obyekti mavjud.
XMLHttpRequest obyekti
XMLHttpRequest obyekti veb-serverdan ma’lumot so‘rash uchun ishlatilishi mumkin.
XMLHttpRequest obyekti — dasturchilar orzusi, chunki u yordamida quyidagilarni amalga oshirish mumkin:
- Veb-sahifani qayta yuklamasdan yangilash
- Serverdan ma’lumot so‘rash - sahifa yuklangandan keyin
- Serverdan ma’lumot qabul qilish - sahifa yuklangandan keyin
- Serverga ma’lumot yuborish - fonda
XMLHttpRequest misoli
Quyidagi kiritish maydoniga belgi yozganingizda serverga XMLHttpRequest yuboriladi va (serverdan) bir nechta ism takliflari qaytariladi:
Misol
Yuqoridagi misol ushbu darslikning AJAX boblarida tushuntiriladi.
XMLHttpRequest yuborish
XMLHttpRequest obyektidan foydalanishning keng tarqalgan JavaScript sintaksisi taxminan quyidagicha ko‘rinadi:
Misol
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();
O‘zingiz sinab ko‘ring »
Misol tushuntirilishi
Yuqoridagi misolning birinchi qatori XMLHttpRequest obyektini yaratadi:
var xhttp = new XMLHttpRequest();
onreadystatechange xususiyati XMLHttpRequest obyektining holati har safar o‘zgarganda bajariladigan funksiyani belgilaydi:
xhttp.onreadystatechange = function()
readyState xususiyati 4 ga, status xususiyati esa 200 ga teng bo‘lganda javob tayyor bo‘ladi:
if (this.readyState == 4 && this.status == 200)
responseText xususiyati server javobini matnli string sifatida qaytaradi.
Bu matnli stringdan veb-sahifani yangilash uchun foydalanish mumkin:
document.getElementById("demo").innerHTML = xhttp.responseText;
XMLHttpRequest obyekti haqida ushbu darslikning AJAX boblarida ancha ko‘proq narsalarni o‘rganasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
