Metode get() jQuery ajax

Panduan Rujukan Ajax jQuery

Contoh

Ganti teks elemen div menggunakan permintaan GET AJAX:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

Coba sendiri

Definisi dan penggunaan

Metode get() memuat informasi melalui permintaan HTTP GET jarak jauh.

Ini adalah fungsi permintaan GET yang sederhana untuk menggantikan $.ajax yang kompleks. Kalau permintaan sukses, fungsi callback dapat dipanggil. Kalau perlu melaksanakan fungsi saat terjadi kesalahan, gunakan $.ajax.

语法

$(selector).get()url,data,success(response,status,xhr,dataType)
Parameter Deskripsi
url Wajib. Tentukan URL mana yang akan dikirim permintaan.
data Pilihan. Tentukan data yang dikirim ke server bersama permintaan.
success(response,status,xhr)

Pilihan. Tentukan fungsi yang akan dijalankan saat permintaan sukses.

Parameter ekstra:

  • response - berisi data hasil permintaan
  • status - berisi status permintaan
  • xhr - berisi Objek XMLHttpRequest
dataType

Pilihan. Tentukan tipe data yang diharapkan tanggapan server.

Secara default, jQuery akan mengukur secara cerdas.

Tipe yang mungkin:

  • "xml"
  • "html"
  • "text"
  • "script"
  • "json"
  • "jsonp"

Penjelasan

Fungsi ini adalah fungsi Ajax singkat, ekvivalenti dengan:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Berdasarkan tipe MIME yang berbeda dari tanggapan, data yang dikirim ke fungsi balik sukses success juga berbeda, yang dapat berupa elemen root XML, string teks, berkas JavaScript atau objek JSON. Anda juga dapat mengirim status teks tanggapan ke fungsi balik sukses success.

Untuk jQuery 1.4, Anda juga dapat mengirim Objek XMLHttpRequest ke fungsi balik sukses.

Contoh

Permintaan halaman test.php, abaikan nilai kembalian:

$.get("test.php");

Beberapa contoh lain

Contoh 1

Permintaan halaman test.php, kirim 2 parameter, abaikan nilai kembalian:

$.get("test.php", { name: "Bill", time: "2pm" } );

Contoh 2

Tunjukkan nilai kembalian test.php (HTML atau XML, tergantung nilai kembalian):

$.get("test.php", function(data){
  alert("Data Dihubungkan: " + data);
});

Contoh 3

Tunjukkan nilai kembalian test.cgi (HTML atau XML, tergantung nilai kembalian), tambahkan sekumpulan parameter permintaan:

$.get("test.cgi", { name: "Bill", time: "2pm" },
  function(data){
    alert("Data Dihubungkan: " + data);
  });

Panduan Rujukan Ajax jQuery