XML HttpRequest


Barcha zamonaviy brauzerlarda serverdan ma’lumot so‘rash uchun o‘rnatilgan XMLHttpRequest obyekti mavjud.


ULASHISH

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

Start typing a name in the input field below:

Name:   Suggestions:

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!