ความรู้เบื้องต้นเกี่ยวกับ AJAX

AJAX เป็นเทคโนโลยีที่ช่วยให้คุณสามารถอัปเดตบางส่วนของหน้าเว็บโดยไม่ต้องโหลดทั้งหน้าซ้ำ

อาแจ็กซ์คืออะไร?

AJAX = JavaScript และ XML แบบอะซิงโครนัส

AJAX เป็นเทคโนโลยีสำหรับการสร้างหน้าเว็บที่รวดเร็วและมีไดนามิก

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

หน้าเว็บแบบเดิม (ไม่ใช้ AJAX) จะต้องโหลดซ้ำทั้งหน้าหากจำเป็นต้องอัปเดตเนื้อหา

มีตัวอย่างแอปพลิเคชันมากมายที่ใช้ AJAX: Google Maps, Gmail, Youtube และ Facebook

AJAX ทำงานอย่างไร

AJAX เป็นไปตามมาตรฐานอินเทอร์เน็ต

AJAX ขึ้นอยู่กับมาตรฐานอินเทอร์เน็ตและใช้เทคโนโลยีต่อไปนี้ผสมผสานกัน:

วัตถุ XMLHttpRequest (การแลกเปลี่ยนข้อมูลแบบอะซิงโครนัสกับเซิร์ฟเวอร์)

JavaScript/DOM (แสดง/ดึงข้อมูล)

CSS (ข้อมูลสไตล์)

XML (รูปแบบที่ใช้กันทั่วไปสำหรับการส่งข้อมูล)

แอปพลิเคชัน AJAX นั้นไม่เชื่อเรื่องพระเจ้าบนเบราว์เซอร์และแพลตฟอร์ม!

Google แนะนำ

AJAX ได้รับความนิยมจากการเปิดตัวฟีเจอร์แนะนำการค้นหาของ Google ในปี 2548

Google Suggest ใช้ AJAX เพื่อสร้างอินเทอร์เฟซทางเว็บที่มีไดนามิกสูง: เมื่อคุณพิมพ์ในช่องค้นหาของ Google JavaScript จะส่งอักขระไปยังเซิร์ฟเวอร์ และเซิร์ฟเวอร์จะส่งคืนรายการข้อเสนอแนะ

เริ่มใช้ AJAX วันนี้

ในบทช่วยสอน PHP ของเรา เราจะสาธิตวิธีที่ AJAX สามารถอัปเดตบางส่วนของหน้าเว็บโดยไม่ต้องโหลดทั้งหน้า เราจะใช้ PHP เพื่อเขียนสคริปต์เซิร์ฟเวอร์

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ AJAX โปรดไปที่บทช่วยสอน AJAX ของเรา