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

jQuery post() Method

<วิธี jQuery AJAX

ตัวอย่างที่ 1

โหลดข้อมูลจากเซิร์ฟเวอร์โดยใช้การร้องขอ HTTP POST:

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

ตัวอย่างที่ 2

เปลี่ยนข้อความของ <div> โดยใช้คำขอ AJAX โพสต์:

$("input").keyup(function(){
    var txt = $("input").val();
    $.post("demo_ajax_gethint.asp", {suggest: txt}, function(result){
        $("span").html(result);
    });
});
ลองตัวเอง»

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

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


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

$(selector).post(URL,data,function(data,status,xhr),dataType)

พารามิเตอร์ ลักษณะ
URL จำเป็นต้องใช้ ระบุ URL ที่จะส่งการร้องขอไปยัง
data ไม่จำเป็น ระบุข้อมูลที่จะส่งไปยังเซิร์ฟเวอร์พร้อมกับคำขอ
function(data,status,xhr) ไม่จำเป็น ระบุฟังก์ชั่นการทำงานถ้าคำขอประสบความสำเร็จ
พารามิเตอร์เพิ่มเติม:
  • ข้อมูล - มีข้อมูลที่เกิดจากการร้องขอ
  • สถานะ - มีสถานะของการร้องขอ ( "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