Just another WordPress weblog
15 Aug
บทความนี้แปลมาจาก http://www.w3schools.com/Ajax/ajax_httprequest.asp
ในการโค้ด จาวาสคริปสมัยก่อน ถ้าคุณต้องการที่จะเอาข้อมูลจากดาต้าเบสหรือไฟล์บนเซอร์เวอร์ หรือคุณต้องการจะส่งข้อมูลไปยังเซอร์เวอร์ คุณจะต้องมีหน้า HTML form และให้ลักษณะการส่งข้อมูลแบบ GET หรือ POST เพื่อส่งข้อมูลไปยังเซิฟเวอร์ โดยผู้ใช้งานจะต้องคลิกที่ปุ่ม “Submit” เพื่อส่งข้อมูล หรือ โหลดข้อมูล แล้วรอให้เซิฟเวอร์ตอบกลับ จากนั้นผลลัพธ์จะถูกแสดงผลออกมาพร้อมการโหลดหน้าเว็บเพจนั้นใหม่.
ด้วยวิธีการนี้ ที่เซิฟเวอร์ต้องโหลดหน้าเว็บเพจใหม่ๆทุกครั้งที่ทำการร้องขอ ส่งผลให้การทำงานช้า และหนักเกินความจำเป็น ซึ่งไม่ดีเลยสำหรับผู้ใช้งาน และนั้นคือข้อเสียของเว็บแบบเก่าๆ ที่ไม่ใช้ วิธีของ Ajax
ด้วย Ajax จาวาสคริปของคุณจะติดต่อไปยังเว็บเซอร์เวอร์โดยตรง โดยใช้ตัวจาวาสคริปที่มีชื่อว่า XMLHttpRequest
ด้วยวิธีการสื่อสาร HTTP request แบบนี้ ทำให้หน้าเว็บสามารถร้องขอข้อมูล หรือส่งข้อมูล โดยไม่จำเป็นต้องโหลดหน้าเว็บใหม่ทั้งหมด.
ผู้ใช้หน้าเว็บยังสามารถดู-อ่าน ข้อมูลอื่นๆในหน้านั้นได้ โดยในขณะเดียวกันมีการส่งข้อมูลเป็นพื้นหลังตลอดเวลา นั่นคือข้อดีของวิธีนี้
———————————————————-
การใช้ XMLHttpRequest object นั้น เพื่อที่เมื่อโหลดหน้าเว็บเสร็จแล้ว นักพัฒนาจะได้ใช้ตัวนี้เป็นตัวเปลี่ยนแปลงข้อมูลในหน้าเว็บได้ทันทีนั่นเอง
Ajax ได้รับความนิยมในปี 2005 โดย google ( google suggest )
Google suggest- ได้ใช้งาน XMLHttpRequest object เพื่อคืนค่าผลลัพธ์ออกมาโดยไม่ต้องโหลดหน้าใหม่
Google suggest- คือส่วนที่แนะนำคำที่เราต้องการค้นหา เมื่อเราพิมพ์ตัวอักษรบางตัว เช่นรูปข้างล่างนี้

XMLHttpRequest object นั้นถูกสนับสนุนในเว็บบราวเซอร์หลักๆ ดังต่อไปนี้ เช่น
Internet Explorer 5.0+
Safari 1.2
Mozilla 1.0 / Firefox
Opera 8+
Netscape 7.
เป็นต้น
แปลไม่แหล่ม ขออถัยด้วยนะครับ