jQuery - Metode AJAX get() dan post()
Metode jQuery get() dan post() digunakan untuk meminta data dari server dengan permintaan HTTP GET atau POST.
Permintaan HTTP: GET vs. POST
Dua metode yang umum digunakan untuk permintaan-tanggapan antara klien dan server adalah: GET dan POST.
- GET - Meminta data dari sumber daya tertentu
- POST - Mengirimkan data untuk diproses ke sumber daya tertentu
GET pada dasarnya digunakan untuk mendapatkan (mengambil) beberapa data dari server. Catatan: Metode GET dapat mengembalikan data yang di-cache.
POST juga dapat digunakan untuk mendapatkan beberapa data dari server. Namun, metode POST TIDAK PERNAH menyimpan data dalam cache, dan sering digunakan untuk mengirim data bersama dengan permintaan.
Untuk mempelajari lebih lanjut tentang GET dan POST, dan perbedaan antara kedua metode tersebut, silakan baca bab Metode HTTP GET vs POST kami.
jQuery $.get() Metode
Metode $.get()ini meminta data dari server dengan permintaan HTTP GET.
Sintaksis:
$.get(URL,callback);
Parameter URL yang diperlukan menentukan URL yang ingin Anda minta.
Parameter callback opsional adalah nama fungsi yang akan dieksekusi jika permintaan berhasil.
Contoh berikut menggunakan $.get()metode untuk mengambil data dari file di server:
Contoh
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Parameter pertama $.get()adalah URL yang ingin kita minta ("demo_test.asp").
Parameter kedua adalah fungsi panggilan balik. Parameter callback pertama menyimpan konten halaman yang diminta, dan parameter callback kedua menyimpan status permintaan.
Tip: Berikut adalah tampilan file ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() Metode
Metode $.post()ini meminta data dari server menggunakan permintaan HTTP POST.
Sintaksis:
$.post(URL,data,callback);
Parameter URL yang diperlukan menentukan URL yang ingin Anda minta.
Parameter data opsional menentukan beberapa data untuk dikirim bersama dengan permintaan.
Parameter callback opsional adalah nama fungsi yang akan dieksekusi jika permintaan berhasil.
Contoh berikut menggunakan $.post()metode untuk mengirim beberapa data bersama dengan permintaan:
Contoh
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
Parameter pertama $.post()adalah URL yang ingin kita minta ("demo_test_post.asp").
Kemudian kami mengirimkan beberapa data untuk dikirim bersama dengan permintaan (nama dan kota).
Skrip ASP di "demo_test_post.asp" membaca parameter, memprosesnya, dan mengembalikan hasilnya.
Parameter ketiga adalah fungsi panggilan balik. Parameter callback pertama menyimpan konten halaman yang diminta, dan parameter callback kedua menyimpan status permintaan.
Tip: Berikut adalah tampilan file ASP ("demo_test_post.asp"):
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>
Referensi jQuery AJAX
Untuk gambaran lengkap tentang semua metode jQuery AJAX, silakan kunjungi Referensi AJAX jQuery kami .