jQuery - AJAX get() และ post() Methods
เมธอด jQuery get() และ post() ใช้เพื่อขอข้อมูลจากเซิร์ฟเวอร์ด้วยคำขอ HTTP GET หรือ POST
คำขอ HTTP: GET เทียบกับ POST
สองวิธีที่ใช้กันทั่วไปสำหรับการตอบกลับคำขอระหว่างไคลเอนต์และเซิร์ฟเวอร์คือ: GET และ POST
- GET - ขอข้อมูลจากทรัพยากรที่ระบุ
- POST - ส่งข้อมูลเพื่อประมวลผลไปยังทรัพยากรที่ระบุ
โดยทั่วไปแล้ว GET จะใช้เพื่อรับ (ดึง) ข้อมูลบางส่วนจากเซิร์ฟเวอร์ หมายเหตุ:วิธี GET อาจส่งคืนข้อมูลที่แคชไว้
POST สามารถใช้เพื่อรับข้อมูลบางส่วนจากเซิร์ฟเวอร์ อย่างไรก็ตาม วิธี POST ไม่เคยแคชข้อมูล และมักใช้เพื่อส่งข้อมูลไปพร้อมกับคำขอ
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ GET และ POST และความแตกต่างระหว่างสองวิธี โปรดอ่านบทวิธีHTTP GET เทียบกับ POST
jQuery $.get() วิธีการ
เมธอดร้องขอ ข้อมูล$.get()จากเซิร์ฟเวอร์ด้วยการร้องขอ HTTP GET
ไวยากรณ์:
$.get(URL,callback);
พารามิเตอร์ URL ที่จำเป็นจะระบุ URL ที่คุณต้องการขอ
พารามิเตอร์เรียกกลับที่เป็นทางเลือกคือชื่อของฟังก์ชันที่จะดำเนินการหากคำขอสำเร็จ
ตัวอย่างต่อไปนี้ใช้$.get()วิธีการดึงข้อมูลจากไฟล์บนเซิร์ฟเวอร์:
ตัวอย่าง
$("button").click(function(){
$.get("demo_test.asp", function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
พารามิเตอร์แรกของ$.get()คือ URL ที่เราต้องการขอ ("demo_test.asp")
พารามิเตอร์ที่สองคือฟังก์ชันเรียกกลับ พารามิเตอร์การเรียกกลับรายการแรกจะเก็บเนื้อหาของหน้าที่ร้องขอ และพารามิเตอร์การเรียกกลับรายการที่สองจะเก็บสถานะของคำขอ
เคล็ดลับ:นี่คือลักษณะของไฟล์ ASP ("demo_test.asp"):
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() วิธีการ
เมธอดร้องขอ ข้อมูล$.post()จากเซิร์ฟเวอร์โดยใช้คำขอ HTTP POST
ไวยากรณ์:
$.post(URL,data,callback);
พารามิเตอร์ URL ที่จำเป็นจะระบุ URL ที่คุณต้องการขอ
พารามิเตอร์ข้อมูลทางเลือกระบุข้อมูลบางอย่างที่จะส่งไปพร้อมกับคำขอ
พารามิเตอร์เรียกกลับที่เป็นทางเลือกคือชื่อของฟังก์ชันที่จะดำเนินการหากคำขอสำเร็จ
ตัวอย่างต่อไปนี้ใช้$.post()วิธีการส่งข้อมูลบางส่วนพร้อมกับคำขอ:
ตัวอย่าง
$("button").click(function(){
$.post("demo_test_post.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
พารามิเตอร์แรกของ$.post()คือ URL ที่เราต้องการขอ ("demo_test_post.asp")
จากนั้นเราส่งข้อมูลบางส่วนเพื่อส่งไปพร้อมกับคำขอ (ชื่อและเมือง)
สคริปต์ ASP ใน "demo_test_post.asp" จะอ่านพารามิเตอร์ ประมวลผล และส่งคืนผลลัพธ์
พารามิเตอร์ที่สามคือฟังก์ชันเรียกกลับ พารามิเตอร์การเรียกกลับรายการแรกจะเก็บเนื้อหาของหน้าที่ร้องขอ และพารามิเตอร์การเรียกกลับรายการที่สองจะเก็บสถานะของคำขอ
เคล็ดลับ:นี่คือลักษณะของไฟล์ 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 & ".")
%>
การอ้างอิง jQuery AJAX
สำหรับภาพรวมทั้งหมดของเมธอด jQuery AJAX โปรดไปที่การอ้างอิง jQuery AJAXของ เรา