Latest web development tutorials
×

jQuery หลักสูตร

jQuery หลักสูตร jQuery แนะนำโดยย่อ jQuery ติดตั้ง jQuery ไวยากรณ์ jQuery ผู้เลือก jQuery เหตุการณ์

jQuery ผล

jQuery ซ่อน / แสดง jQuery จางหาย jQuery สไลด์ jQuery นิเมชั่น jQuery หยุดนิเมชั่น jQuery Callback jQuery Chaining

jQuery HTML

jQuery การจับกุม jQuery จัดตั้งขึ้น jQuery เพิ่มองค์ประกอบ jQuery การลบองค์ประกอบ jQuery CSS หมวดหมู่ jQuery css() ทาง jQuery ขนาด

jQuery ข้ามผ่าน

jQuery ข้ามผ่าน jQuery บรรพบุรุษ jQuery ลูกหลานของเรา jQuery เพื่อนร่วมชาติ jQuery การกรอง

jQuery Ajax

jQuery AJAX แนะนำโดยย่อ jQuery load() ทาง jQuery get()/post() ทาง

jQuery อื่น ๆ

jQuery noConflict() ทาง jQuery JSONP

jQuery ตัวอย่าง

jQuery ตัวอย่าง

jQuery คู่มืออ้างอิง

jQuery ผู้เลือก jQuery วิธีการใช้เหตุการณ์ jQuery วิธีการมีผลบังคับใช้ jQuery HTML / CSS ทาง jQuery วิธีการข้ามผ่าน jQuery AJAX ทาง jQuery วิธีเบ็ดเตล็ด jQuery คุณสมบัติ

jQuery วิดเจ็ต

jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery ตรวจสอบรหัสผ่าน jQuery Prettydate jQuery Tooltip jQuery Treeview

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.w3big.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;
?>