Metode load() AJAX jQuery

Metode load() jQuery

Metode load() jQuery adalah metode AJAX yang sederhana tetapi kuat.

Metode load() mengunduh data dari server dan menempatkan data yang kembali ke elemen yang dipilih.

语法：

$("}})).load(URL,data,callback);

Wajib URL Parameter menentukan URL yang diinginkan untuk dimuat.

Opsional data Parameter menentukan kumpulan pasangan kunci/nilai yang dikirim bersama permintaan.

Opsional callback Parameter adalah nama fungsi yang akan dieksekusi setelah metode load() selesai.

Berikut adalah konten berkas contoh ("demo_test.txt"):

<h2>jQuery dan AJAX adalah FUN!!!</h2>
<p id="p1">Ini adalah teks di dalam kalimat.</p>

Contoh di bawah ini akan memuat konten berkas "demo_test.txt" ke elemen <div> yang ditentukan:

Contoh

$("#div1").load("demo_test.txt");

Coba sendiri

Juga dapat menambahkan pemilih jQuery ke parameter URL.

Contoh di bawah ini akan memuat konten elemen dengan id="p1" dari berkas "demo_test.txt" ke elemen <div> yang ditentukan:

Contoh

$("#div1").load("demo_test.txt #p1");

Coba sendiri

Parameter callback yang bersangkutan menentukan fungsi yang akan dijalankan setelah metode load() selesai. Fungsi callback dapat ditetapkan dengan parameter yang berbeda:

  • responseTxt - Mengandung konten hasil pemanggilan yang sukses
  • statusTXT - Mengandung status pemanggilan
  • xhr - Mengandung objek XMLHttpRequest

Contoh di bawah ini akan menampilkan kotak dialog setelah metode load() selesai. Jika metode load() sukses, maka akan menampilkan "Isi eksternal berhasil dimuat!", dan jika gagal, maka akan menampilkan pesan kesalahan:

Contoh

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Isi eksternal berhasil dimuat!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});

Coba sendiri

Panduan Referensi jQuery AJAX

Untuk referensi metode AJAX yang lengkap, silakan kunjungi Panduan Referensi jQuery AJAX。