jQuery ajax - metode get()

Panduan Referensi jQuery Ajax

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 sederhana untuk menggantikan $.ajax yang kompleks. Jika permintaan sukses, fungsi callback dapat dipanggil. Jika perlu melaksanakan fungsi saat terjadi kesalahan, gunakan $.ajax.

gramata

$(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 mengevaluasi secara otomatis.

Tipe yang mungkin:

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

Penjelasan

Fungsi ini adalah fungsi Ajax singkat, setara dengan:

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

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

Untuk jQuery 1.4, Anda juga dapat mengirim objek XMLHttpRequest ke fungsi balikan 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

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

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

Contoh 3

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

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

Panduan Referensi jQuery Ajax