วิธี get() และ post() ของ jQuery AJAX

วิธี get() และ post() ของ jQuery ใช้เพื่อขอข้อมูลจากเซิร์ฟเวอร์ด้วย HTTP GET หรือ POST

คำขอ HTTP: GET vs. POST

วิธีทั้งสองที่ใช้กันมากในการทำการเรียกขอ-ตอบสนองระหว่างกลุ่มเครื่องและเซิร์ฟเวอร์คือ: GET และ POST

  • GET - ขอข้อมูลมาจากทรัพยากรที่กำหนด
  • POST - ส่งข้อมูลที่ต้องการประมวลผลไปยังทรัพยากรที่กำหนด

GET ใช้เพื่อได้รับ (ดึง) ข้อมูลจากเซิร์ฟเวอร์ หมายเหตุ: วิธี GET อาจกลับค่าข้อมูลที่อยู่ในคลังความจำ

POST ก็สามารถใช้เพื่อดึงข้อมูลมาจากเซิร์ฟเวอร์ แต่วิธี POST จะไม่เก็บข้อมูลในคลังความจำ และมักใช้ในการส่งข้อมูลพร้อมกับคำขอ

หากต้องการเรียนรู้เกี่ยวกับ GET และ POST และความแตกต่างระหว่างทั้งสองวิธี โปรดอ่าน เมื่อเทียบกับ HTTP วิธี - GET กับ POST.

jQuery $.get() วิธี

วิธี $.get() ขอข้อมูลจากเซิร์ฟเวอร์ด้วย HTTP GET คำขอ

กราฟิก:

$.get(URL,callback);

จำเป็น URL ตัวอักษรระบุ URL ที่ต้องการขอ

ตัวอักษรที่เป็นที่เลือกตั้ง callback ตัวอักษรเป็นฟังก์ชันที่ต้องการที่จะปฏิบัติหลังจากคำขอสำเร็จ

ตัวอย่างด้านล่างนี้ใช้วิธี $.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 ที่ต้องการขอ

ตัวอักษรที่เป็นที่เลือกตั้ง data ตัวอักษรระบุข้อมูลที่จะส่งพร้อมคำขอ

ตัวอักษรที่เป็นที่เลือกตั้ง callback ตัวอักษรเป็นฟังก์ชันที่ต้องการที่จะปฏิบัติหลังจากคำขอสำเร็จ

ตัวอย่างด้านล่างใช้ $.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")

จากนั้นเราส่งข้อมูลพร้อมคำขอ (name และ city)

สคริปต์ 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 คู่มืออ้างอิง

ถ้าต้องการอ้างอิง AJAX วิธีทั้งหมด โปรดเข้าเว็บไซต์ของเรา jQuery AJAX คู่มืออ้างอิง.