เรียนรู้ AJAX โดย jQuery

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

ตัวอย่าง jQuery AJAX

กรุณากดปุ่มด้านล่างเพื่อเปลี่ยนข้อความนี้ผ่าน jQuery AJAX

ลองทดลองด้วยตัวเอง

อะไรคือ AJAX?

AJAX = JavaScript และ XML ที่ไม่มีสมาชิก (Asynchronous JavaScript and XML)

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

ตัวอย่างการใช้ AJAX ในโปรแกรม: แมפ์ของกูเกิล, ทวิตเตอร์ของเทียนหลง, วิดีโอของ优酷, วางกวางเว็บ, และอื่นๆ

คุณสามารถเข้าถึง ตัวอย่าง AJAXเรียนรู้มากขึ้นเกี่ยวกับ AJAX

เกี่ยวกับ jQuery และ AJAX

jQuery มีวิธีหลายที่เกี่ยวข้องกับ AJAX

ผ่านวิธี AJAX ใน jQuery คุณสามารถใช้ HTTP Get และ HTTP Post ขอข้อมูลของ Text, HTML, XML หรือ JSON จากเซิร์ฟเวอร์ทางไกล และยังสามารถนำข้อมูลนี้เข้าไปในองค์ประกอบที่เลือกของหน้าเว็บของคุณด้วย

คำเตือน：ถ้าไม่มี jQuery การเขียนโค้ด AJAX ยังคงมีความยากลำบากบางส่วน

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

วิธี AJAX ใน jQuery

ในบทที่จะมาต่อไปนี้ พวกเราจะเรียนรู้ความสำคัญของวิธี AJAX ใน jQuery。