Metode AJAX get() dan post() jQuery

Metode get() dan post() jQuery digunakan untuk mengambil data dari server melalui permintaan HTTP GET atau POST.

Permintaan HTTP: GET vs. POST

Dua metode yang sering digunakan untuk permintaan-Respons di klien dan server adalah: GET dan POST.

  • GET - Mengambil data dari sumber yang ditentukan
  • POST - Mengirim data yang akan diproses ke sumber yang ditentukan

GET biasanya digunakan untuk mengambil (mengambil kembali) data dari server. Catatan: Metode GET mungkin mengembalikan data di cache.

POST juga dapat digunakan untuk mengambil data dari server. Namun, metode POST tidak menyimpan data di cache, dan sering digunakan untuk mengirim data bersama permintaan.

Untuk mengetahui lebih banyak tentang GET dan POST serta perbedaan antara kedua metode, silakan baca Metode HTTP - GETbandingkan dengan POST.

Metode jQuery $.get()

Metode $.get() mengambil data dari server melalui permintaan HTTP GET.

Grammar:

$.get(URL,callback);

Diperlukan URL Parameter menentukan URL permintaan yang diinginkan.

Pilihan callback Parameter adalah nama fungsi yang dieksekusi setelah permintaan sukses.

Contoh di bawah ini menggunakan metode $.get() untuk mengambil data dari berkas di server:

Contoh

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Coba Sendiri

Parameter pertama $.get() adalah URL permintaan yang diinginkan ("demo_test.asp").

Parameter kedua adalah fungsi kembalian. Parameter kembalian pertama menyimpan konten halaman yang diinginkan, parameter kembalian kedua menyimpan status permintaan.

Pemberitahuan:Berkas ASP ("demo_test.asp") seperti ini:

<%
response.write("Ini adalah beberapa teks dari berkas ASP eksternal.")
%>

Metode jQuery $.post()

Metode $.post() mengambil data dari server melalui permintaan HTTP POST.

Grammar:

$.post(URL,data,callback);

Diperlukan URL Parameter menentukan URL permintaan yang diinginkan.

Pilihan data Parameter menentukan data yang dikirim bersama permintaan.

Pilihan callback Parameter adalah nama fungsi yang dieksekusi setelah permintaan sukses.

Contoh di bawah ini menggunakan $.post() untuk mengirimkan data bersama permintaan:

Contoh

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

Coba Sendiri

Parameter pertama $.post() adalah URL permintaan yang diinginkan ("demo_test_post.asp").

Lalu kami mengirimkan data bersama permintaan (name dan city).

Skrip ASP di dalam "demo_test_post.asp" membaca parameter ini, mengolahnya, dan kemudian mengembalikan hasil.

Parameter ketiga adalah fungsi callback. Parameter pertama callback menyimpan konten halaman yang diinginkan, sedangkan parameter kedua menyimpan status permintaan.

Pemberitahuan:File ASP ini ("demo_test_post.asp") mirip seperti ini:

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

Panduan Referensi jQuery AJAX

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