jQuery - โหลด AJAX () วิธีการ
โหลด jQuery () วิธีการ
โหลด jQuery () วิธีการเป็นวิธีการ AJAX ที่เรียบง่าย แต่มีประสิทธิภาพ
โหลด () วิธีการโหลดข้อมูลจากเซิร์ฟเวอร์และการกลับมาของข้อมูลเป็นองค์ประกอบที่เลือก
ไวยากรณ์:
$(selector).load(URL,data,callback);
พารามิเตอร์URLที่จำเป็นสำหรับ URL ที่กำหนดไว้ว่าคุณต้องการโหลด
พารามิเตอร์สตริงแบบสอบถามระบุข้อมูลที่จำเป็นที่สำคัญส่งไปพร้อมกับคำขอ/ คู่ค่า
พารามิเตอร์โทรกลับตัวเลือกเป็นชื่อของฟังก์ชั่นการโหลด() วิธีการดำเนินการเสร็จสิ้น
นี่คือตัวอย่างของเนื้อหาของแฟ้ม ( "demo_test.txt") ของนี้:
<h2>jQuery AJAX 是个非常棒的功能!</h2> <p id="p1">这是段落的一些文本。</p>
ตัวอย่างต่อไปนี้จะยื่น "demo_test.txt" เนื้อหาจะโหลดลงระบุ <div> ไปนี้:
นอกจากนี้คุณยังสามารถเพิ่มตัวเลือก jQuery พารามิเตอร์ของ URL
ต่อไปนี้เป็นตัวอย่างเนื้อหา "demo_test.txt" แฟ้ม id = "P1" องค์ประกอบถูกโหลดลงระบุ <div> ไปนี้:
พารามิเตอร์โทรกลับตัวเลือกระบุเมื่อโหลด () วิธีการหลังจากเสร็จสิ้นการอนุญาตให้ฟังก์ชันการเรียกกลับ ฟังก์ชั่นการโทรกลับสามารถตั้งค่าพารามิเตอร์ที่แตกต่างกัน
- responseTxt -มีผลมาจากเนื้อหาของการโทรสำเร็จ
- statusTXT -มีสถานะของการโทร
- XHR -ประกอบด้วยวัตถุ XMLHttpRequest
ตัวอย่างต่อไปนี้จะหลังจากโหลด () วิธีการเพื่อความสมบูรณ์ของการแสดงกล่องโต้ตอบ ถ้าโหลด () วิธีการได้รับความสำเร็จก็จะแสดง "เนื้อหาภายนอกโหลดเสร็จเรียบร้อยแล้ว!" และหากที่ล้มเหลวข้อผิดพลาดจะแสดง:
ตัวอย่าง
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
ลอง»