ก่อนอื่นฉันแชร์รหัส AJAX การใช้งาน JavaScript ดั้งเดิมกับคุณสำหรับการอ้างอิงของคุณกับคุณ เนื้อหาเฉพาะมีดังนี้
var getxmlhttpRequest = function () {if (window.xmlhttpRequest) {// เบราว์เซอร์หลักให้ XMLHTTPREQUEST OBJECT RETURN ใหม่ XMLHTTPREQUEST (); } อื่นถ้า (window.activexobject) {// รุ่นที่ต่ำกว่าของเบราว์เซอร์ IE ไม่ได้ให้วัตถุ XMLHTTPREQUEST // ดังนั้นคุณต้องใช้การใช้งานเฉพาะของเบราว์เซอร์ IE ActiveXObject ส่งคืน ActiveXObject ใหม่ ("Microsoft.xmlhttprequest"); }}; var xhr = getxmlhttprequest (); xhr.onreadystatechange = function () {console.log (xhr.readystate); if (xhr.readystate === 3 && xhr.status === 200) {// ดำเนินการหลังจากการได้มาที่สำเร็จ // ข้อมูลอยู่ใน XHR.ResponSetext console.log (xhr.ResponSetext); }}; xhr.open ("รับ", "data.php", true); xhr.send ("");ด้านล่างนี้ฉันจะแบ่งปันกับคุณหลายวิธีในการใช้ Ajax ดั้งเดิมโดยใช้ JavaScript
ก่อนที่จะใช้ AJAX คุณต้องสร้างวัตถุ XMLHTTTPREQUEST หากไม่รองรับเบราว์เซอร์ที่สร้างวัตถุนี้คุณจะต้องสร้าง ActiveXObject วิธีเฉพาะมีดังนี้:
var xmlhttp; ฟังก์ชั่น createxmlhttprequest () {if (window.activexobject) {xmlhttp = new ActiveXObject ("microsoft.xmlhttp"); } อื่นถ้า (window.xmlhttprequest) {xmlhttp = ใหม่ xmlhttprequest (); -(1) ต่อไปนี้ใช้ XMLHTTP ที่สร้างขึ้นด้านบนเพื่อใช้งาน AJAX GET ที่ง่ายที่สุด:
ฟังก์ชั่น doget (url) {// โปรดทราบว่าเมื่อผ่านค่าพารามิเตอร์จะเป็นการดีที่สุดที่จะใช้ encodeuri เพื่อจัดการในกรณีของรหัสที่อ่านไม่ออก createxmlhttprequest (); xmlhttp.open ("รับ", url); XMLHTTP.SEND (NULL); xmlhttp.onreadyStateChange = function () {if ((xmlhttp.readyState == 4) && (XMLHTTP.STATUS == 200)) {การแจ้งเตือน ('ความสำเร็จ'); } else {แจ้งเตือน ('ล้มเหลว'); -(2) ใช้ XMLHTTP ที่สร้างไว้ด้านบนเพื่อใช้งานคำขอโพสต์ AJAX ที่ง่ายที่สุด:
ฟังก์ชั่น dopost (url, data) {// โปรดทราบว่าเมื่อผ่านค่าพารามิเตอร์จะเป็นการดีที่สุดที่จะใช้ encodeuri เพื่อจัดการในกรณีของรหัสที่อ่านไม่ออก createxmlhttprequest (); xmlhttp.open ("โพสต์", url); XMLHTTP.SetRequestHeader ("ประเภทเนื้อหา", "แอปพลิเคชัน/X-WWW-FORM-URLENCODED"); xmlhttp.send (ข้อมูล); xmlhttp.onreadyStateChange = function () {if ((xmlhttp.readyState == 4) && (XMLHTTP.STATUS == 200)) {การแจ้งเตือน ('ความสำเร็จ'); } else {แจ้งเตือน ('ล้มเหลว'); -ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน