ตัวอย่าง
เปลี่ยนข้อความที่ <div> องค์ประกอบโดยใช้ AJAX คำขอ:
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
ลองตัวเอง» ความหมายและการใช้งาน
ajax() วิธีการที่ใช้ในการดำเนินการ AJAX คำขอ (ตรงกัน HTTP)
ทั้งหมด jQuery AJAX วิธีการใช้ ajax() วิธีการ วิธีนี้ส่วนใหญ่จะใช้สำหรับการร้องขอที่วิธีการอื่น ๆ ไม่สามารถใช้
วากยสัมพันธ์
$.ajax({name:value, name:value, ... })พารามิเตอร์ระบุคู่หนึ่งหรือมากกว่าหนึ่งชื่อ / ค่าสำหรับการร้องขอ AJAX
ชื่อที่เป็นไปได้ / ค่าในตารางด้านล่าง:
| ชื่อ | ราคา / รายละเอียด |
|---|---|
| async | ค่าบูลีนระบุว่าการร้องขอควรจะจัดการตรงกันหรือไม่ เริ่มต้นเป็นความจริง |
| beforeSend( xhr ) | ฟังก์ชั่นการทำงานก่อนคำขอจะถูกส่ง |
| cache | ค่าบูลีนระบุว่าเบราว์เซอร์ควรแคชหน้าร้องขอ เริ่มต้นเป็นความจริง |
| complete( xhr,status ) | ฟังก์ชั่นการทำงานเมื่อมีการร้องขอเสร็จเรียบร้อยแล้ว (หลังจากที่ประสบความสำเร็จและความผิดพลาดฟังก์ชั่น) |
| contentType | ประเภทของเนื้อหาที่นำมาใช้เมื่อมีการส่งข้อมูลไปยังเซิร์ฟเวอร์ เริ่มต้นคือ: "application/x-www-form-urlencoded" |
| context | ระบุค่า "this" สำหรับทุกฟังก์ชั่นการโทรกลับ AJAX ที่เกี่ยวข้อง |
| data | ระบุข้อมูลที่จะส่งไปยังเซิร์ฟเวอร์ |
| dataFilter( data , type ) | ฟังก์ชั่นที่ใช้ในการจัดการข้อมูลการตอบสนองดิบของ XMLHttpRequest |
| dataType | ชนิดข้อมูลที่คาดว่าการตอบสนองของเซิร์ฟเวอร์ |
| error( xhr,status,error ) | ฟังก์ชั่นการทำงานถ้าร้องขอล้มเหลว |
| global | ค่าบูลีนระบุหรือไม่ที่จะเรียกเหตุการณ์ AJAX โลกจัดการสำหรับการร้องขอ เริ่มต้นเป็นความจริง |
| ifModified | ค่าบูลีนระบุว่าการร้องขอจะประสบความสำเร็จเฉพาะในกรณีที่การตอบสนองมีการเปลี่ยนแปลงตั้งแต่การร้องขอครั้งล่าสุด เริ่มต้นคือ: เท็จ |
| jsonp | สตริงเอาชนะฟังก์ชันการเรียกกลับใน jsonp คำขอ |
| jsonpCallback | ระบุชื่อสำหรับฟังก์ชันการเรียกกลับใน jsonp คำขอ |
| password | ระบุรหัสผ่านที่จะใช้ในการร้องขอการตรวจสอบการเข้าถึง HTTP |
| processData | ค่าบูลีนระบุหรือไม่ว่าข้อมูลที่ส่งไปพร้อมกับคำขอที่ควรจะเปลี่ยนเป็นสตริงแบบสอบถาม เริ่มต้นเป็นความจริง |
| scriptCharset | ระบุ charset สำหรับการร้องขอ |
| success( result,status,xhr ) | ฟังก์ชั่นที่จะทำงานเมื่อมีการร้องขอประสบความสำเร็จ |
| timeout | หมดเวลาท้องถิ่น (มิลลิวินาที) สำหรับการร้องขอ |
| traditional | ค่าบูลีนระบุหรือไม่ที่จะใช้รูปแบบดั้งเดิมของพระรามอนุกรม |
| type | ระบุชนิดของการร้องขอ (GET หรือโพสต์) |
| url | ระบุ URL ที่จะส่งการร้องขอไปยัง เริ่มต้นเป็นหน้าปัจจุบัน |
| username | ระบุชื่อผู้ที่จะใช้ในการร้องขอการตรวจสอบการเข้าถึง HTTP |
| xhr | ฟังก์ชั่นที่ใช้สำหรับการสร้าง XMLHttpRequest วัตถุ |
ลองตัวเอง - ตัวอย่าง
ทำให้การซิงโคร AJAX คำขอ
วิธีการใช้การตั้งค่า async เพื่อระบุการร้องขอการซิงโคร
ทำให้ AJAX คำขอมีประเภทข้อมูลที่ระบุ
วิธีการใช้ dataType การตั้งค่าเพื่อระบุชนิดข้อมูลสำหรับการร้องขอ
ทำให้ AJAX คำขอมีข้อผิดพลาด
วิธีการใช้การตั้งค่าข้อผิดพลาดในการจัดการกับข้อผิดพลาดใน AJAX คำขอ