Property
Description
onreadystatechange Defines a function to be called when the readyState property
changes
readyState
Holds the status of the XMLHttpRequest.
0: request not initialized
1: server connection established
2: request received
3: processing request
4: request finished and response is ready
status
200: "OK"
403: "Forbidden"
404: "Page not found"
……
statusText
Returns the status-text (e.g. "OK" or "Not Found")
Server javobi:
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();
}
Topshiriq:
Talaba laboratoriya ishi uchun shaxsiy topshiriq oladi. Bu topshiriq bo‘yicha
talaba AJAX asosida tarmoq dasturini yaratadi.
5
Ishni bajarish tartibi:
1-qadam.
Ish NetBeans IDE integrallashgan ishlab chiqarish muhitini
yuklash bilan boshlanadi. Quyidagi rasmda NetBeans IDE muhitining asosiy
darchasi yuklangan.
8.3-rasm. NetBeans IDE muhiti asosiy darchasi
2-qadam.
“Файл” menyusidan “Создать проект” bo‘limi tanlanganda
quyidagi rasmdagi darcha paydo bo‘ladi. Ushbu darchadan “Категории”
bo‘limidan JavaWeb tanlanib “Далее” tugmasi bosiladi.
8.4-rasm. NetBeans IDE “Создать проект” darchasi
6
3-qadam.
“Новый Веб-приложение” dasturiga o‘tiladi. Ushbu darchaning
“Имя проекта” maydoniga proyekt nomi sifatida “Talabaning_Ismi_Web” kiritilib
“Далее” tugmasi bosiladi.
8.5-rasm. NetBeans IDE muhiti “Новый Веб-приложение” darchasi
8.6-rasm. NetBeans IDE muhiti “Новый Веб-приложение” darchasi
So‘ng 8.6-rasmdagi darchadan “Готово” tugmasi bosiladi.
7
4-qadam.
Yaratilgan loyihaning ustiga sichqonchaning o‘ng tugmasi bir
marta bosiladi va paydo bo‘lgan kontekst menyudan “Новый → HTML…”
tanlanadi.
8.7-rasm. NetBeans IDE muhiti HTML fayl yaratish
8.8-rasm. NetBeans IDE muhiti HTML fayl yaratish darchasi
5-qadam.
“New HTML” darchasining “Имя файла HTML” maydoniga
“AJAX_XML” kiritilib “Готово” tugmasi bosiladi. Yaratilgan AJAX_XML.html
fayliga quyidagi HTML+CSS+JavaScript kod kiritiladi.
|