AJAX XMLHttpRequest

XMLHttpRequest คือวัตถุที่สามารถแลกเปลี่ยนข้อมูลกับเซิร์ฟเวอร์อยู่เบื้องหลัง ซึ่งช่วยในการอัพเดทเนื้อหาบนเว็บโดยที่ไม่มีการโหลดหน้าใหม่

ไวยากรณ์

ชื่อตัวแปร = new XMLHttpRequest();

 

ตารางเมธอด XMLHttpRequest

Method คำอธิบาย
new XMLHttpRequest() สร้างวัตถุ XMLHttpRequest
abort() ยกเลิกการร้องขอปัจจุบัน
getAllResponseHeaders() คืนค่า header ทั้งหมด
getResponseHeader() คืนค่า header ที่ระบุ
open(method,url,async,user,psw) method: มี 2 ประเภท GET หรือ POST
url: ที่อยู่ของไฟล์ที่ต้องการเรียกใช้งาน
async: true (asynchronous) or false (synchronous) 
user: กำหนด username
psw: กำหนด password
send() ส่งคำร้องไปยังเซิร์ฟเวอร์ใช้ GET
send(string) ส่งคำร้องไปยังเซิร์ฟเวอร์แบบมีค่าพารามิเตอร์ใช้ POST
setRequestHeader() เพิ่มค่าในส่วน header สำหรับการส่ง

 

ตารางคุณสมบัติของ XMLHttpRequest Object

Property คำอธิบาย
onreadystatechange กำหนดให้ฟังก์ชันเรียกใช้งานเมื่อค่าสถานะของ readyState เปลี่ยนไป
readyState ค่าสถานะประกอบไปด้วย
0: ยังไม่มีคำขอหรือไม่มีการทำอะไรทั้งนั้น
1: สร้างการเชื่อมต่อกับเซิร์ฟเวอร์แล้ว
2: ได้รับคำขอแล้ว
3: ประมวลผลคำขอ
4: พร้อมทำงาน
responseText ส่งคืนค่าข้อมูลในรูปแบบของ string
responseXML ส่งคืนค่าข้อมูลในรูปแบบของข้อมูล XML 
status คืนค่าหมายเลขสถานะคำขอ
200: “OK”
403: “Forbidden”
404: “Not Found”
ศึกษาเพิ่มเติมได้ที่ : Http Messages Reference
statusText การคืนค่า (e.g. “OK” หรือ “Not Found”)

 

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: