Metod jQuery AJAX get() dan post()

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

Permintaan HTTP: GET vs. POST

Kedua metod yang biasa digunakan untuk permintaan- respons di klien dan pelayan adalah: GET dan POST.

  • GET - Mengambil data daripada sumber yang ditentukan
  • POST - Menyampaikan data untuk diproses kepada sumber yang ditentukan

GET biasanya digunakan untuk mengambil (mengambil kembali) data dari pelayan. Keterangan: Metod GET boleh mengembalikan data di penuhnya.

POST juga boleh digunakan untuk mengambil data dari pelayan. Walau bagaimanapun, metod POST tidak menyimpan data di penuhnya dan biasanya digunakan untuk menghantar data bersama-sama dengan permintaan.

Untuk mengambil maklumat lanjut tentang GET dan POST serta perbezaan kedua metod, sila baca Metod HTTP - GET bandingkan dengan POST.

Metod jQuery $.get()

Metod $.get() mengambil data dari pelayan melalui permintaan HTTP GET.

Gramata:

$.get(URL,callback);

Wajib URL Parameter menentukan URL permintaan yang diinginkan.

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

Contoh di bawah ini menggunakan metod $.get() untuk mengambil data daripada fail di pelayan:

Contoh

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

Coba Sendiri

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

Pemanggilan kedua adalah fungsi balik. Pemanggilan pertama mengandungi kandungan halaman yang dipinta, pemanggilan kedua mengandungi status permintaan.

Petunjuk:Fail ASP ("demo_test.asp") seperti ini:

<%
response.write("Ini adalah teks daripada fail ASP luaran.")
%>

Metode jQuery $.post()

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

Gramata:

$.post(URL,data,callback);

Wajib URL Parameter menentukan URL permintaan yang diinginkan.

Pilihan data Parameter menentukan data yang disertakan 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").

Kemudian 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 kembalian. Parameter kembalian pertama menyimpan konten halaman yang dihantar, sementara parameter kembalian kedua menyimpan status permintaan.

Petunjuk:Berkas 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 penuh, silakan kunjungi Panduan Referensi jQuery AJAX.