$.ajax()
jQuery ajax() metodi
Misol
AJAX so‘rovi yordamida <div> elementining matnini o‘zgartirish:
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ajax() metodi AJAX (asinxron HTTP) so‘rovini bajarish uchun ishlatiladi.
Barcha jQuery AJAX metodlari ajax() metodidan foydalanadi. Bu metod asosan boshqa metodlardan foydalanib bo‘lmaydigan so‘rovlar uchun ishlatiladi.
Sintaksis
$.ajax({name:value, name:value, ... })
Parametrlar AJAX so‘rovi uchun bitta yoki bir nechta nom/qiymat juftligini belgilaydi.
Mumkin bo‘lgan nomlar/qiymatlar quyidagi jadvalda keltirilgan:
| Nom | Qiymat/Tavsif |
|---|---|
| async | So‘rov asinxron tarzda bajarilishi kerakmi yoki yo‘qligini bildiruvchi Boolean qiymat. Standart qiymati: true |
| beforeSend(xhr) | So‘rov yuborilishidan oldin bajariladigan funksiya |
| cache | Brauzer so‘ralgan sahifalarni keshlashi kerakmi yoki yo‘qligini bildiruvchi Boolean qiymat. Standart qiymati: true |
| complete(xhr,status) | So‘rov yakunlanganda (success va error funksiyalaridan keyin) bajariladigan funksiya |
| contentType | Serverga ma’lumot yuborishda ishlatiladigan kontent turi. Standart qiymati: "application/x-www-form-urlencoded" |
| context | AJAX bilan bog‘liq barcha callback funksiyalari uchun "this" qiymatini belgilaydi |
| data | Serverga yuboriladigan ma’lumotlarni belgilaydi |
| dataFilter(data,type) | XMLHttpRequest’ning xom javob ma’lumotlarini qayta ishlash uchun ishlatiladigan funksiya |
| dataType | Server javobidan kutilayotgan ma’lumot turi. |
| error(xhr,status,error) | So‘rov muvaffaqiyatsiz bo‘lsa bajariladigan funksiya. |
| global | So‘rov uchun global AJAX hodisa ishlovchilarini ishga tushirish-tushirmaslikni belgilovchi Boolean qiymat. Standart qiymati: true |
| ifModified | So‘rov faqat javob oxirgi so‘rovdan beri o‘zgargan bo‘lsagina muvaffaqiyatli hisoblanishini belgilovchi Boolean qiymat. Standart qiymati: false. |
| jsonp | jsonp so‘rovidagi callback funksiyasini qayta belgilovchi (override) string |
| jsonpCallback | jsonp so‘rovidagi callback funksiyasi uchun nom belgilaydi |
| password | HTTP kirish autentifikatsiyasi so‘rovida ishlatiladigan parolni belgilaydi. |
| processData | So‘rov bilan yuboriladigan ma’lumotlar query stringga aylantirilishi kerakmi yoki yo‘qligini belgilovchi Boolean qiymat. Standart qiymati: true |
| scriptCharset | So‘rov uchun belgilar to‘plamini (charset) belgilaydi |
| success(result,status,xhr) | So‘rov muvaffaqiyatli bajarilganda ishga tushadigan funksiya |
| timeout | So‘rov uchun lokal kutish vaqti (timeout, millisekundlarda) |
| traditional | Parametrlarni seriyalashtirishning an’anaviy uslubidan foydalanish-foydalanmaslikni belgilovchi Boolean qiymat |
| type | So‘rov turini belgilaydi. (GET yoki POST) |
| url | So‘rov yuboriladigan URL manzilni belgilaydi. Standart qiymati: joriy sahifa |
| username | HTTP kirish autentifikatsiyasi so‘rovida ishlatiladigan foydalanuvchi nomini belgilaydi |
| xhr | XMLHttpRequest obyektini yaratish uchun ishlatiladigan funksiya |
O‘zingiz sinab ko‘ring — misollar
async sozlamasidan foydalanish
Sinxron so‘rovni belgilash uchun async sozlamasidan qanday foydalanish mumkin
Belgilangan ma’lumot turi bilan AJAX so‘rovini yuborish
So‘rov uchun ma’lumot turini belgilashda dataType sozlamasidan qanday foydalanish mumkin.
Xato bilan yakunlanadigan AJAX so‘rovini yuborish
AJAX so‘rovidagi xatolarni qayta ishlash uchun error sozlamasidan qanday foydalanish mumkin.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!