AJAX (Asynchronous Javascript And XML) คือระบบการเชื่มนต่อระหว่าง Javascript กับเอกสาร XML (ซึ่งความจริงแล้วไม่จำเป็นต้องเป็น เอกสาร XML ก็ได้ โดยในที่นี้เราจะนำไปใช้ในการเชื่อมต่อกับ PHP ซึ่งสามารถทำงานได้บน Server)

ผู้ที่ไม่เคยรู้จักมาก่อนอาจคิดว่ามันยาก ต้องเรียนรู้มากมาย จริงๆแล้วหากคุณมีพื้นฐาน HTML(Hyper Text Markup Language), DOM(Document Object Model) และ Javascript เพียงแค่ศึกษาเพียงเล็กน้อยก็สามารถนำไปใช้ประโยชน์ได้แล้ว
(http://www.w3school.com/)

 

สรุปคือ AJAX เป็นการเรียกใช้ Code(Resource) จากที่อื่นซึ่งมีความสามารถที่ Javascript ทำไม่ได้มาใช้โดยผู้ใช้ไม่ต้องเข้าถึง

 

หน้านั้นจริงๆ(Javascript จะเข้าไปในหน้านั้นแบบเบื้องหลังคือไม่แสดงให้ผู้ใช้เห็น)
ประโยชน์คือ
1.สามารถเข้าถึงหน้าเอกสารที่ต้องการ ได้รวดเร็วเพราะ AJAX จะ ดึงข้อมูลเฉพาะข้อมูลในเอกสารเท่านั้น คือจะไม่โหลดรูปภาพ

 

body หรือสิ่งอื่นๆใหม่ จะโหลดเฉพาะสิ่งที่ต้องเปลี่ยนแปลงเท่านั้น ทำให้ไม่ต้องโหลดสิ่งที่ไม่เปลี่ยนแปลงซ้ำ

 

ยกตัวอย่างเช่น หากคุณต้องการให้ใส่ข้อมูลลงในช่อง input แล้วส่งให้สคริปต์ PHP ชื่อ find.php ค้นหาจากฐานข้อมูล แล้วจึงแสดงข้อมูลออกมา ซึ่งถ้าเราทำแบบธรรมดา หลังจาก Submit Form แล้ว หน้านั้นจะต้อง เปลี่ยนหน้า ไปยัง find.php แล้วจึง มาโหลดหน้าใหม่จึงสามารถแสดงข้อมูลได้

แต่ถ้าใช้ AJAX หลังจาก Submit Form แล้วจะไม่เปลี่ยนหน้า ไปยัง find.php แต่จะส่งข้อมูลไปยังสริปต์ find.php และสริปต์ จะทำงานอยู่เบื้องหลัง โดยหน้าที่เราเห็นยังเป็นหน้าเดิมไม่มีการโหลดหน้าใหม่ เมื่อสคริปต์ find.php ทำงานเสร็จ AJAX จะทำหน้าที่โหลดข้อมูลมาแสดงในหน้าเดิมโดยใช้ Javascript ในการแสดง

ถ้าคุณใช้ แบบธรรมดา เวลาจะแสดงต้องโหลดทั้งหน้า แต่ถ้าใช้ Ajax จะโหลดเฉพาะข้อมูลที่ดึงจากฐานข้อมูลเท่านั้น

 

ตัวอย่างเว็บไซต์ที่นำ AJAX ไปใช้ประโยชน์
Google Suggest - http://www.google.com/webhp?complete=1&hl=en


ตอนต่อไปจะเริ่มต้นกับ Ajax


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
แนะนำการเดินทางและสถานที่ท่องเที่ยวในจังหวัดตรังและการเดินทางไปกรุงเทพ
โดย wightfall จ 22 เม.ย. 2024 3:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
จ 22 เม.ย. 2024 3:41 pm โดย wightfall View Topic แนะนำการเดินทางและสถานที่ท่องเที่ยวในจังหวัดตรังและการเดินทางไปกรุงเทพ
ติดตั้ง ESXi ใหม่ จำเป็นต้อง Format Harddisk ก่อนติดตั้งไหมครับ
โดย จิ๊กโก๋ ส 20 เม.ย. 2024 2:29 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
145
อ 23 เม.ย. 2024 2:24 pm โดย mindphp View Topic ติดตั้ง ESXi ใหม่ จำเป็นต้อง Format Harddisk ก่อนติดตั้งไหมครับ
แจ้งปัญหาโพสบทความลงในเว็บบอร์ดส่วนตัวไม่ได้
โดย internTk21 ศ 19 เม.ย. 2024 11:56 am บอร์ด MindPHP News & Feedback
1
46
ศ 19 เม.ย. 2024 12:15 pm โดย internTk21 View Topic แจ้งปัญหาโพสบทความลงในเว็บบอร์ดส่วนตัวไม่ได้
สอบถาม Google Structure ที่เหมาะกับคอร์สเรียนควรใช้แบบไหนดีค่ะ
โดย eange08 ศ 19 เม.ย. 2024 9:56 am บอร์ด Programming - PHP
1
80
ศ 19 เม.ย. 2024 10:28 am โดย mindphp View Topic สอบถาม Google Structure ที่เหมาะกับคอร์สเรียนควรใช้แบบไหนดีค่ะ
คำสั่งรวมไฟล์ และ บีบอัดในคำสั่งเดียว tar, zip
โดย mindphp พ 17 เม.ย. 2024 7:42 pm บอร์ด Linux - Web Server
0
123
พ 17 เม.ย. 2024 7:42 pm โดย mindphp View Topic คำสั่งรวมไฟล์ และ บีบอัดในคำสั่งเดียว  tar, zip
เช็คขนาดพื้นที่ฐานข้อมูล แต่ละก้อน แต่ละฐานข้อมูลว่าใช้พื้นที่ไปเท่าไหร่ ด้วย Comamnd Line
โดย mindphp จ 15 เม.ย. 2024 11:10 pm บอร์ด PostgreSQL
1
299
จ 15 เม.ย. 2024 11:14 pm โดย mindphp View Topic เช็คขนาดพื้นที่ฐานข้อมูล แต่ละก้อน แต่ละฐานข้อมูลว่าใช้พื้นที่ไปเท่าไหร่ ด้วย Comamnd Line
การติดตั้ง WSL เพื่อใช้งาน Linux Terminal บน Windows
โดย tsukasaz ศ 12 เม.ย. 2024 2:25 pm บอร์ด Share Knowledge
0
317
ศ 12 เม.ย. 2024 2:25 pm โดย tsukasaz View Topic การติดตั้ง WSL เพื่อใช้งาน Linux Terminal บน Windows
Super Сasual Dating - Real Women
โดย heroxbay ศ 12 เม.ย. 2024 8:55 am บอร์ด Microsoft Office Knowledge & line & Etc
0
259
ศ 12 เม.ย. 2024 8:55 am โดย heroxbay View Topic Super Сasual Dating - Real Women