ดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 
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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้งาน interval ใน javascript สำหรับการนำมา Loop การทำงานเป็น loop
โดย ewqolf พฤ 02 ก.พ. 2023 6:05 pm บอร์ด jQuery & Ajax Knowledge
0
11
พฤ 02 ก.พ. 2023 6:05 pm โดย ewqolf
สอบถามวิธีนำค่าจาก radio button บันทึกลงฐานข้อมูลค่ะ
โดย Tookta พฤ 02 ก.พ. 2023 2:06 pm บอร์ด Programming - PHP
2
40
พฤ 02 ก.พ. 2023 4:26 pm โดย Tookta
สอบถาม Component ในหน้า Customers กด New แล้วไปหน้าฟอร์มไม่ได้
โดย Thanapoom1514 พฤ 02 ก.พ. 2023 4:10 pm บอร์ด Joomla Development
1
31
พฤ 02 ก.พ. 2023 4:14 pm โดย tsukasaz
5 ปัญหาจากหลังคาบ้าน ที่จะกลายเป็นเรื่องแสนปวดหัว
โดย Prapat พฤ 02 ก.พ. 2023 10:13 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พฤ 02 ก.พ. 2023 10:13 am โดย Prapat
สอบเกี่ยวกับ meta tag viewport ค่ะ ว่าควรใช้ยังไง
โดย Tookta พฤ 02 ก.พ. 2023 9:02 am บอร์ด HTML CSS
1
63
พฤ 02 ก.พ. 2023 9:32 am โดย flook
สอบถามวิธีเช็คการติ๊ก reCAPTCHA ของผู้ใช้
โดย Tookta พฤ 02 ก.พ. 2023 8:59 am บอร์ด Programming - PHP
2
58
พฤ 02 ก.พ. 2023 12:55 pm โดย Tookta
ตัวอย่างโค้ด ทำสารบัญหน้าเว็บ กรณีที่มีบทความยาวๆ แล้วเราจะทำสารบัญขอหน้านั้นๆ
โดย mindphp พฤ 02 ก.พ. 2023 7:49 am บอร์ด HTML CSS
0
31
พฤ 02 ก.พ. 2023 7:49 am โดย mindphp
Upload Joomla_3.10.11 แล้วรันหน้าเว็บไม่ขึ้น
โดย noncup302 พ 01 ก.พ. 2023 6:54 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
0
31
พ 01 ก.พ. 2023 6:54 pm โดย noncup302