jQuery get() และ post() วิธีการที่ใช้ในการขอข้อมูลจากเซิร์ฟเวอร์ที่มี HTTP GET หรือ POST คำขอ
ร้องขอ HTTP: GET VS POST
สองวิธีที่ใช้กันทั่วไปสำหรับตอบสนองการร้องขอระหว่างไคลเอนต์และเซิร์ฟเวอร์คือ: GET และ POST
- GET - ร้องขอข้อมูลจากทรัพยากรที่ระบุ
- POST - ส่งข้อมูลที่ต้องดำเนินการให้เป็นทรัพยากรที่ระบุ
GET จะใช้เป็นพื้นสำหรับเพียงแค่ได้รับ (เรียก)ข้อมูลบางส่วนจากเซิร์ฟเวอร์. หมายเหตุ: GET วิธีการอาจจะกลับมาข้อมูลแคช
POST นอกจากนี้ยังสามารถใช้ในการรับข้อมูลบางส่วนจากเซิร์ฟเวอร์ อย่างไรก็ตามการ POST วิธีการไม่เคยเก็บข้อมูลและมักจะถูกนำมาใช้ในการส่งข้อมูลพร้อมกับการร้องขอ
เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ GET และ POST และความแตกต่างระหว่างสองวิธีโปรดอ่านของเรา HTTP วิธี GET VS 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 อ้างอิง