บทช่วยสอน jQuery - AJAX รับ () และโพสต์ () วิธีการ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ร้องขอ HTTP: GET เทียบกับการโพสต์,jQuery $ รับการตอบสนอง () วิธีการ,ตัวอย่าง,jQuery $ .post () วิธีการ,ตัวอย่าง,

jQuery - AJAX รับ () และโพสต์ () วิธีการ

jQuery ได้รับ () และโพสต์ () วิธีการที่ใช้ในการขอข้อมูลจากเซิร์ฟเวอร์ผ่านทาง HTTP GET หรือ POST คำขอ


ร้องขอ HTTP: GET เทียบกับการโพสต์

สองชนิดของลูกค้าและฝั่งเซิร์ฟเวอร์คำขอ - วิธีการทั่วไปของการตอบสนองคือ GET และ POST

  • GET - ข้อมูลการร้องขอจากทรัพยากรที่ระบุ
  • Post - ส่งข้อมูลที่ต้องดำเนินการไปยังแหล่งข้อมูลที่กำหนด

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

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

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


jQuery $ รับการตอบสนอง () วิธีการ

$ รับการตอบสนอง () วิธีการขอข้อมูลจากเซิร์ฟเวอร์ผ่านทาง HTTP GET ร้องขอ

ไวยากรณ์:

$.get(URL,callback);

พารามิเตอร์URLที่จำเป็นสำหรับ URL ที่กำหนดไว้ที่คุณต้องการที่จะขอ

พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นการดำเนินการหลังจากที่ขอที่จะประสบความสำเร็จ

ตัวอย่างต่อไปนี้ใช้ $ รับการตอบสนอง () วิธีการดึงข้อมูลจากไฟล์บนเซิร์ฟเวอร์:

ตัวอย่าง

$("button").click(function(){
$.get("demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status);
});
});

ลอง»

$ รับการตอบสนอง () พารามิเตอร์ตัวแรกคือ URL ที่เราต้องการที่จะขอ ( "demo_test.php")

พารามิเตอร์ที่สองคือฟังก์ชั่นการโทรกลับ เนื้อหาพารามิเตอร์โทรกลับแรกของหน้ามีการขอมีสองสถานะพารามิเตอร์โทรกลับของการร้องขอ

เคล็ดลับ: ไฟล์ PHP ( "demo_test.php") เช่นนี้

<?php
echo '这是个从PHP文件中读取的数据。';
?>


jQuery $ .post () วิธีการ

$ .post () วิธีการขอข้อมูลจากเซิร์ฟเวอร์ผ่านการร้องขอ HTTP POST

ไวยากรณ์:

$.post(URL,data,callback);

พารามิเตอร์URLที่จำเป็นสำหรับ URL ที่กำหนดไว้ที่คุณต้องการที่จะขอ

พารามิเตอร์ตัวเลือกข้อมูลที่ระบุข้อมูลที่ส่งไปพร้อมกับการร้องขอ

พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นการดำเนินการหลังจากที่ขอที่จะประสบความสำเร็จ

ตัวอย่างต่อไปนี้ใช้ $ .post () พร้อมกับคำขอในการส่งข้อมูลเข้าด้วยกัน:

ตัวอย่าง

$ ( "ปุ่ม"). คลิก (ฟังก์ชั่น () {
$ .post ( "/ ลอง / อาแจ็กซ์ / demo_test_post.php"
{
ชื่อ: "กวดวิชา"
URL: "http://www.w3write.com"
}
ฟังก์ชั่น (ข้อมูลสถานะ) {
การแจ้งเตือน ( "ข้อมูล: \ n" + ข้อมูล + "สถานะ \ n" + สถานะ);
});
});

ลอง»

$ .post () พารามิเตอร์ตัวแรกคือ URL ที่เราต้องการที่จะขอ ( "demo_test_post.php")

แล้วเราพร้อมกับคำขอ (ชื่อและเมือง) ในการส่งข้อมูลเข้าด้วยกัน

"Demo_test_post.php" สคริปต์ PHP อ่านพารามิเตอร์เหล่านี้กระบวนการพวกเขาและจากนั้นส่งกลับผล

พารามิเตอร์ที่สามคือฟังก์ชันการเรียกกลับ พารามิเตอร์ตัวแรกเรียกกลับมีการร้องขอเนื้อหาของหน้าเว็บและอาร์กิวเมนต์ที่สองมีสถานะของการร้องขอ

เคล็ดลับ: ไฟล์ PHP ( "demo_test_post.php") เช่นนี้

<?php
$name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
$city = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : '';
echo '网站名: ' . $name;
echo "\n";
echo 'URL 地址: ' .$city;
?>
jQuery - AJAX รับ () และโพสต์ () วิธีการ
10/30