jQuery - บทนำ AJAX
AJAX เป็นศิลปะของการแลกเปลี่ยนข้อมูลกับเซิร์ฟเวอร์ และการอัปเดตบางส่วนของหน้าเว็บ โดยไม่ต้องโหลดซ้ำทั้งหน้า
ตัวอย่าง jQuery AJAX
Let jQuery AJAX Change This Text
AJAX คืออะไร?
AJAX = JavaScript และ XML แบบอะซิงโครนัส
ในระยะสั้น; AJAX นั้นเกี่ยวกับการโหลดข้อมูลในพื้นหลังและแสดงบนเว็บเพจ โดยไม่ต้องโหลดซ้ำทั้งหน้า
ตัวอย่างแอปพลิเคชันที่ใช้ AJAX: แท็บ Gmail, Google Maps, Youtube และ Facebook
คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ AJAX ได้ใน บทช่วย สอน AJAXของ เรา
แล้ว jQuery และ AJAX ล่ะ?
jQuery มีวิธีการทำงานของ AJAX หลายวิธี
ด้วยวิธีการ jQuery AJAX คุณสามารถขอข้อความ HTML XML หรือ JSON จากเซิร์ฟเวอร์ระยะไกลโดยใช้ทั้ง HTTP Get และ HTTP Post - และคุณสามารถโหลดข้อมูลภายนอกลงในองค์ประกอบ HTML ที่เลือกของหน้าเว็บของคุณได้โดยตรง!
หากไม่มี jQuery การเข้ารหัส AJAX อาจยุ่งยากเล็กน้อย!
การเขียนโค้ด AJAX ปกติอาจดูยุ่งยากเล็กน้อย เนื่องจากเบราว์เซอร์ต่างๆ มีรูปแบบที่แตกต่างกันสำหรับการนำ AJAX ไปใช้ ซึ่งหมายความว่าคุณจะต้องเขียนโค้ดพิเศษเพื่อทดสอบเบราว์เซอร์ต่างๆ อย่างไรก็ตาม ทีมงาน jQuery ได้ดูแลเรื่องนี้ให้กับเรา เพื่อให้เราสามารถเขียนฟังก์ชัน AJAX ด้วยโค้ดเพียงบรรทัดเดียว
วิธีการ jQuery AJAX
ในบทต่อไป เราจะดูเมธอด jQuery AJAX ที่สำคัญที่สุด