jQuery load() Metode
JQuery load() metode adalah metode AJAX sederhana, tapi kuat.
The load() metode beban data dari server dan menempatkan data yang dikembalikan ke dalam elemen yang dipilih.
Sintaksis:
$(selector).load(URL,data,callback);
parameter URL yang diperlukan menentukan URL Anda ingin memuat.
Opsional parameter data menentukan satu set querystring pasangan kunci / nilai untuk mengirimkan bersama dengan permintaan.
Opsional callback parameter adalah nama dari sebuah fungsi yang akan dieksekusi setelah load() metode selesai.
Berikut adalah isi dari file contoh: "demo_test.txt" :
<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>Contoh berikut memuat isi dari file "demo_test.txt" menjadi spesifik <div> elemen:
Hal ini juga memungkinkan untuk menambahkan pemilih jQuery untuk parameter URL.
Contoh berikut memuat isi dari elemen dengan id="p1" , di dalam file "demo_test.txt" , menjadi spesifik <div> elemen:
Opsional callback parameter menentukan fungsi callback untuk menjalankan ketika load() metode selesai. Fungsi callback dapat memiliki parameter yang berbeda:
- responseTxt - berisi konten yang dihasilkan jika panggilan berhasil
- statusTxt - berisi status panggilan
- xhr - berisi XMLHttpRequest objek
Contoh berikut menampilkan kotak peringatan setelah load() metode selesai. Jika load() metode telah berhasil, ini akan menampilkan "External content loaded successfully!" , Dan jika gagal akan menampilkan pesan error:
Contoh
$("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);
});
}); Cobalah sendiri " jQuery AJAX Referensi
Untuk gambaran lengkap dari semua metode jQuery AJAX, silakan kunjungi kami jQuery AJAX Referensi .