jQuery AJAX load() 方法

jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：

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

Wajib URL Parameter menentukan URL yang diinginkan untuk dimuat.

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

Opsional callback Parameter adalah nama fungsi yang akan dijalankan setelah load() method selesai.

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

<h2>jQuery dan AJAX adalah FUN!!!</h2>
<p id="p1">Ini adalah teks dalam paragraf.</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 pemilihan jQuery ke parameter URL.

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

Contoh

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

Coba sendiri

Parameter callback opsional menentukan fungsi yang akan dijalankan setelah load() method selesai. Fungsi callback dapat diatur dengan parameter yang berbeda:

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

Contoh di bawah ini akan menampilkan kotak peringatan setelah load() method selesai. Jika load() method sukses, maka menampilkan "Dengan sukses memuat konten luaran!", dan jika gagal, maka menampilkan pesan kesalahan:

Contoh

$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("Dengan sukses memuat konten luaran!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});

Coba sendiri

Panduan Rujukan jQuery AJAX

Untuk referensi metode AJAX penuh, silakan kunjungi Panduan Rujukan jQuery AJAX。