ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery - AJAX get() and post() Methods


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 อ้างอิง