กับวัตถุ XMLHttpRequest ที่คุณสามารถปรับปรุงส่วนของหน้าเว็บโดยไม่ต้องโหลดทั้งหน้า
ลองตัวเอง - ตัวอย่าง
ตัวอย่าง XMLHttpRequest ง่าย
สร้าง XMLHttpRequest ง่ายและดึงข้อมูลจากไฟล์ TXT
ดึงข้อมูลส่วนหัวกับ getAllResponseHeaders()
ดึงข้อมูลส่วนหัวของทรัพยากร (file)
ดึงข้อมูลส่วนหัวที่เฉพาะเจาะจงกับ getResponseHeader()
ดึงข้อมูลส่วนหัวที่เฉพาะเจาะจงของทรัพยากร (file)
ดึงเนื้อหาของแฟ้มของ ASP
วิธีหน้าเว็บที่สามารถสื่อสารกับเว็บเซิร์ฟเวอร์ในขณะที่ตัวละครประเภทของผู้ใช้ในช่องใส่
ดึงเนื้อหาจากฐานข้อมูล
วิธีหน้าเว็บสามารถดึงข้อมูลจากฐานข้อมูลที่มีวัตถุ XMLHttpRequest
เรียกดูเนื้อหาของไฟล์ XML
สร้าง XMLHttpRequest เพื่อดึงข้อมูลจากไฟล์ XML และแสดงข้อมูลในตาราง HTML
วัตถุ XMLHttpRequest
วัตถุ XMLHttpRequest จะใช้ในการแลกเปลี่ยนข้อมูลกับเซิร์ฟเวอร์อยู่เบื้องหลัง
วัตถุ XMLHttpRequest เป็น the developers dream เพราะคุณสามารถ:
- อัพเดทหน้าเว็บโดยไม่ต้องโหลดหน้าเว็บ
- ขอข้อมูลจากเซิร์ฟเวอร์หลังจากที่มีการโหลดหน้า
- รับข้อมูลจากเซิร์ฟเวอร์หลังจากที่มีการโหลดหน้า
- ส่งข้อมูลไปยังเซิร์ฟเวอร์ในพื้นหลัง
วิธีการวัตถุ XMLHttpRequest
| วิธี | ลักษณะ |
|---|---|
| abort() | ยกเลิกคำขอปัจจุบัน |
| getAllResponseHeaders() | ผลตอบแทนที่ข้อมูลส่วนหัว |
| getResponseHeader() | ส่งกลับข้อมูลส่วนหัวที่เฉพาะเจาะจง |
| open(method,url,async,uname,pswd) | ระบุชนิดของการร้องขอ URL ที่ถ้าคำขอควรจะจัดการถ่ายทอดสดหรือไม่และแอตทริบิวต์ตัวเลือกอื่น ๆ ของการร้องขอ วิธีการ: ประเภทของคำขอ: GET หรือโพสต์ URL: ตำแหน่งของไฟล์บนเซิร์ฟเวอร์ async: จริง (asynchronous) หรือเท็จ (synchronous) |
| send(string) | ส่ง (สตริง) ส่งการร้องขอออกไปยังเซิร์ฟเวอร์ สตริง: ใช้เฉพาะสำหรับการร้องขอ POST |
| setRequestHeader() | เพิ่มคู่ฉลาก / ค่าส่วนหัวที่จะส่ง |
คุณสมบัติของวัตถุ XMLHttpRequest
| คุณสมบัติ | ลักษณะ |
|---|---|
| onreadystatechange | ร้านฟังก์ชั่น (or the name of a function) จะถูกเรียกโดยอัตโนมัติทุกครั้งที่มีการเปลี่ยนแปลงสถานที่ให้บริการ readyState |
| readyState | ถือสถานะของ XMLHttpRequest การเปลี่ยนแปลง 0-4: 0 ขอไม่ได้เริ่มต้น 1: การเชื่อมต่อเซิร์ฟเวอร์ที่จัดตั้งขึ้น 2: ได้รับการร้องขอ 3: การประมวลผลคำขอ 4: ขอสำเร็จรูปและการตอบสนองพร้อม |
| responseText | ส่งกลับข้อมูลการตอบสนองเป็นสตริง |
| responseXML | ส่งกลับข้อมูลการตอบสนองเป็นข้อมูล XML |
| status | ผลตอบแทนจำนวนสถานะ (เช่น "404" สำหรับ "Not Found" หรือ "200" สำหรับ "ตกลง") |
| statusText | คืนค่าสถานะข้อความ (เช่น "Not Found" หรือ "ตกลง") |