jQuery load()
jQuery load() metodi
jQuery load() metodi oddiy, ammo kuchli AJAX metodidir.
load() metodi serverdan ma’lumotlarni yuklaydi va qaytarilgan ma’lumotlarni tanlangan elementga joylashtiradi.
Sintaksis:
$(selector).load(URL,data,callback);
Majburiy URL parametri yuklamoqchi bo‘lgan URL manzilni belgilaydi.
Ixtiyoriy data parametri so‘rov bilan birga yuboriladigan querystring kalit/qiymat juftliklari to‘plamini belgilaydi.
Ixtiyoriy callback parametri — load() metodi tugagandan keyin bajariladigan funksiyaning nomi.
Namunaviy faylimiz — "demo_test.txt" ning tarkibi:
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>
Quyidagi misol "demo_test.txt" faylining tarkibini muayyan <div> elementiga yuklaydi:
URL parametriga jQuery selektorini qo‘shish ham mumkin.
Quyidagi misol "demo_test.txt" fayli ichidagi id="p1" bo‘lgan elementning tarkibini muayyan <div> elementiga yuklaydi:
Ixtiyoriy callback parametri load() metodi tugaganda ishga tushadigan callback funksiyasini belgilaydi. Callback funksiyasi turli parametrlarga ega bo‘lishi mumkin:
responseTxt- chaqiruv muvaffaqiyatli bo‘lsa, natijaviy kontentni o‘z ichiga oladistatusTxt- chaqiruvning holatini (status) o‘z ichiga oladixhr- XMLHttpRequest obyektini o‘z ichiga oladi
Quyidagi misol load() metodi tugagandan keyin alert oynasini ko‘rsatadi. Agar load() metodi muvaffaqiyatli bajarilsa, "External content loaded successfully!" xabari, muvaffaqiyatsiz tugasa, xato xabari ko‘rsatiladi:
Misol
$("button").click(function(){
$("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
if(statusTxt == "success")
alert("External content loaded successfully!");
if(statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
});
});
O‘zingiz sinab ko‘ring »
jQuery AJAX ma’lumotnomasi
Barcha jQuery AJAX metodlari bo‘yicha to‘liq ma’lumot uchun jQuery AJAX ma’lumotnomasiga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!