AJAX bilan tanishuv
AJAX — 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
Har bir bobda "O‘zingiz sinab ko‘ring" misollari
Har bir bobda misollarni onlayn tahrirlashingiz va natijani ko‘rish uchun tugmani bosishingiz mumkin.
AJAX misoli tushuntirilishi
HTML sahifa
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
HTML sahifada <div> bo‘limi va <button> mavjud.
<div> bo‘limi serverdan olingan ma’lumotni ko‘rsatish uchun ishlatiladi.
<button> (bosilganda) funksiyani chaqiradi.
Funksiya veb-serverdan ma’lumot so‘raydi va uni ko‘rsatadi:
loadDoc() funksiyasi
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
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>
AJAX nima?
AJAX = Asynchronous JavaScript And XML (asinxron JavaScript va XML).
AJAX dasturlash tili emas.
AJAX shunchaki quyidagilarning kombinatsiyasidan foydalanadi:
- Brauzerga o‘rnatilgan XMLHttpRequest obyekti (veb-serverdan ma’lumot so‘rash uchun)
- JavaScript va HTML DOM (ma’lumotni ko‘rsatish yoki undan foydalanish uchun)
AJAX — chalg‘ituvchi nom. AJAX ilovalari ma’lumotlarni uzatish uchun XML’dan foydalanishi mumkin, ammo ma’lumotlarni oddiy matn yoki JSON matni sifatida uzatish ham xuddi shunchalik keng tarqalgan.
AJAX veb-server bilan fonda ma’lumot almashish orqali veb-sahifalarni asinxron tarzda yangilash imkonini beradi. Bu butun sahifani qayta yuklamasdan veb-sahifaning qismlarini yangilash mumkinligini anglatadi.
AJAX qanday ishlaydi
- 1. Veb-sahifada hodisa yuz beradi (sahifa yuklanadi, tugma bosiladi)
- 2. JavaScript XMLHttpRequest obyektini yaratadi
- 3. XMLHttpRequest obyekti veb-serverga so‘rov yuboradi
- 4. Server so‘rovni qayta ishlaydi
- 5. Server veb-sahifaga javob qaytaradi
- 6. JavaScript javobni o‘qiydi
- 7. JavaScript tegishli amalni (masalan, sahifani yangilashni) bajaradi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!