JQuery get() dan post() metode yang digunakan untuk meminta data dari server dengan HTTP GET atau POST permintaan.
HTTP Request: GET vs POST
Dua metode yang umum digunakan untuk permintaan-respon antara klien dan server adalah: GET dan POST .
- GET - Permintaan data dari sumber tertentu
- POST - data yang Serahkan untuk diproses ke sumber daya tertentu
GET pada dasarnya digunakan untuk hanya mendapatkan (mengambil) beberapa data dari serverCatatan:. The GET metode dapat kembali data cache.
POST juga dapat digunakan untuk mendapatkan beberapa data dari server. Namun, POST metode PERNAH cache data, dan sering digunakan untuk mengirim data bersama dengan permintaan.
Untuk mempelajari lebih lanjut tentang GET dan POST , dan perbedaan antara dua metode, baca HTTP Metode GET vs POST bab.
jQuery $.get() Metode
The $.get() metode meminta data dari server dengan HTTP GET permintaan.
Sintaksis:
$.get(URL,callback);
parameter URL yang diperlukan menentukan URL Anda ingin meminta.
Opsional callback parameter adalah nama dari sebuah 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);
});
}); Cobalah sendiri " Parameter pertama dari $.get() adalah URL kami ingin meminta ("demo_test.asp") .
Parameter kedua adalah fungsi callback. Parameter callback pertama memegang isi dari halaman yang diminta, dan parameter callback kedua menyandang status permintaan.
Tip: Berikut adalah bagaimana file ASP terlihat seperti ("demo_test.asp") :
<%
response.write("This is some text from an external ASP file.")
%>jQuery $.post() Metode
The $.post() metode meminta data dari server menggunakan HTTP POST request.
Sintaksis:
$.post(URL,data,callback);
parameter URL yang diperlukan menentukan URL Anda ingin meminta.
Opsional parameter data menentukan beberapa data untuk mengirim bersama dengan permintaan.
Opsional callback parameter adalah nama dari sebuah 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);
});
}); Cobalah sendiri " Parameter pertama dari $.post() adalah URL kami ingin meminta ("demo_test_post.asp") .
Kemudian kita lulus dalam beberapa data untuk mengirim bersama dengan permintaan (nama dan kota).
The ASP script "demo_test_post.asp" membaca parameter, proses mereka, dan mengembalikan hasilnya.
Parameter ketiga adalah fungsi callback. Parameter callback pertama memegang isi dari halaman yang diminta, dan parameter callback kedua menyandang status permintaan.
Tip: Berikut adalah bagaimana ASP file terlihat seperti ("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 & ".")
%>jQuery AJAX Referensi
Untuk gambaran lengkap dari semua jQuery AJAX metode, silakan kunjungi kami jQuery AJAX Referensi .