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

jQuery get() Method

<วิธี jQuery AJAX

ตัวอย่าง

ส่งการร้องขอ HTTP ไปที่หน้าและได้รับผลกลับ:

$("button").click(function(){
    $.get("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});
ลองตัวเอง»

ความหมายและการใช้งาน

$.get() ข้อมูลวิธีการโหลดจากเซิร์ฟเวอร์โดยใช้การร้องขอ HTTP GET

ตัวอย่าง

คำขอ "test.php" แต่ไม่สนใจผลผลตอบแทน:

$.get("test.php");

คำขอ "test.php" และส่งข้อมูลเพิ่มเติมบางอย่างไปพร้อมกับการร้องขอ (ไม่สนใจผลกลับ):

$.get("test.php", { name:"Donald", town:"Ducktown" });

คำขอ "test.php" และผ่านอาร์เรย์ของข้อมูลไปยังเซิร์ฟเวอร์ (ไม่สนใจผลกลับ):

$.get("test.php", { 'colors[]' : ["Red","Green","Blue"] });

คำขอ "test.php" และแจ้งเตือนผลของการร้องขอ:

$.get("test.php", function(data){
  alert("Data: " + data);
});

วากยสัมพันธ์

$.get(URL,data,function(data,status,xhr),dataType)

พารามิเตอร์ ลักษณะ
URL จำเป็นต้องใช้ ระบุ URL ที่คุณต้องการที่จะขอ
data ไม่จำเป็น ระบุข้อมูลที่จะส่งไปยังเซิร์ฟเวอร์พร้อมกับคำขอ
function(data,status,xhr) ไม่จำเป็น ระบุฟังก์ชั่นการทำงานถ้าคำขอประสบความสำเร็จ
พารามิเตอร์เพิ่มเติม:
  • data - มีข้อมูลที่เกิดจากการร้องขอ
  • status - มีสถานะของการร้องขอ ( "success", "notmodified", "error", "timeout" หรือ "parsererror" )
  • xhr - มี XMLHttpRequest วัตถุ
dataType ไม่จำเป็น ระบุชนิดข้อมูลที่คาดว่าการตอบสนองของเซิร์ฟเวอร์
โดยค่าเริ่มต้น jQuery ดำเนินการเดาอัตโนมัติ
ประเภทเป็นไปได้:
  • "xml" - เอกสาร XML
  • "html" - HTML เป็นข้อความธรรมดา
  • "text" - สตริงข้อความธรรมดา
  • "script" - ทำงานตอบสนองเป็น JavaScript และส่งกลับมาเป็นข้อความธรรมดา
  • "json" - ทำงานตอบสนองเป็น JSON และส่งกลับวัตถุ JavaScript
  • "jsonp" - โหลดใน JSON บล็อกใช้ JSONP จะเพิ่ม "?callback=?" ไปยัง URL เพื่อระบุการเรียกกลับ

<วิธี jQuery AJAX