ให้เรตสมาชิก: 1 / 5

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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Database Normalization
โดย bankjittapol ศ 15 พ.ย. 2019 6:31 pm บอร์ด PHP Knowledge
0
9
ศ 15 พ.ย. 2019 6:31 pm โดย bankjittapol
วิธีการนำค่าจาก attribute ที่อยู่ใน element หนึ่ง ไปใส่ให้กับ attribute ที่อยู่ในอีก element หนึ่ง
โดย Ittichai_chupol ศ 15 พ.ย. 2019 6:29 pm บอร์ด Jquery & Ajax Knowledge
0
6
ศ 15 พ.ย. 2019 6:29 pm โดย Ittichai_chupol
VDO - Program Check Tracking Thailand Post
โดย numtan5839 อ 12 พ.ย. 2019 2:12 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
26
ศ 15 พ.ย. 2019 6:24 pm โดย numtan5839
VDO - Square Root Calculate Program
โดย numtan5839 อ 12 พ.ย. 2019 11:57 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
23
ศ 15 พ.ย. 2019 6:23 pm โดย numtan5839
VDO - Program calculates the mean, the variable and the standard deviation.
โดย numtan5839 อ 12 พ.ย. 2019 11:26 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
34
ศ 15 พ.ย. 2019 6:23 pm โดย numtan5839
วิธีการทำ listbox สำหรบเลือกวันที่จากปัจจุบันย้อนหลังไป 20 วัน
โดย Ittichai_chupol ศ 15 พ.ย. 2019 5:58 pm บอร์ด PHP Knowledge
0
4
ศ 15 พ.ย. 2019 5:58 pm โดย Ittichai_chupol
การใช้ box-shadow เพื่อสร้างเงาให้ กรอบกล่องข้อความ
โดย bankjittapol ศ 15 พ.ย. 2019 5:56 pm บอร์ด CSS Knowledge
0
6
ศ 15 พ.ย. 2019 5:56 pm โดย bankjittapol
R - mdsoft_member_royalty ระบบจัดระดับสมาชิก ปรับ Level ลูกค้าอัตโนมัติ
โดย thatsawan อ 12 ก.พ. 2019 6:14 pm บอร์ด สิริกิตติรัตน์ - Developer
9
37
ศ 15 พ.ย. 2019 5:56 pm โดย mindphp
innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML
โดย jamepiyawat ศ 15 พ.ย. 2019 3:47 pm บอร์ด Jquery & Ajax Knowledge
3
18
ศ 15 พ.ย. 2019 9:21 pm โดย mindphp
หลักการตั้งชื่อไฟล์เพื่อให้สื่อกับทีมง่าย
โดย numtan5839 ศ 15 พ.ย. 2019 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
ศ 15 พ.ย. 2019 3:20 pm โดย numtan5839
การใช้ .text() .html() และ .val() เพื่อเปลี่ยนข้อความ เมื่อกดปุ่ม
โดย bankjittapol ศ 15 พ.ย. 2019 2:17 pm บอร์ด Jquery & Ajax Knowledge
0
10
ศ 15 พ.ย. 2019 2:17 pm โดย bankjittapol
วงจรสี (Colour Wheel)
โดย numtan5839 ศ 15 พ.ย. 2019 2:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
23
ศ 15 พ.ย. 2019 3:33 pm โดย numtan5839
จะเรียกใช้ api ของกรมอุตุ ได้อย่างไรครับ
โดย jamepiyawat พ 06 พ.ย. 2019 3:02 pm บอร์ด Programming - PHP
2
47
ศ 15 พ.ย. 2019 1:44 pm โดย aloha11x
การใส่ Intro Outro และการตัดต่อ VDO
โดย numtan5839 ศ 15 พ.ย. 2019 1:41 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
14
ศ 15 พ.ย. 2019 1:41 pm โดย numtan5839
ต้องการให้ ฐานข้อมูลบันทึกที่อยู่ของ รูปภาพ
โดย bankjittapol พ 06 พ.ย. 2019 3:51 pm บอร์ด Programming - PHP
3
56
ศ 15 พ.ย. 2019 5:19 pm โดย Losa
ต้องการให้ค่า transform เก็บไว้ในตัวแปร เพื่อเก็บในฐานข้อมูล
โดย bankjittapol จ 11 พ.ย. 2019 11:17 am บอร์ด Programming - PHP
3
45
ศ 15 พ.ย. 2019 12:43 pm โดย mindphp
จะทำอย่างไรให้ php เป็นเวอร์ชั่น 5 ครับ
โดย jamepiyawat ส 09 พ.ย. 2019 5:13 pm บอร์ด Programming - PHP
1
36
ศ 15 พ.ย. 2019 12:41 pm โดย mindphp
อยากทราบการหาพิกัด GPS จากรูปภาพ เพื่อนำข้อมูลมาใช้ในการแสดงพิกัดบนแผนที่ โดยใช้ภาษา PHP
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 11:57 am บอร์ด Programming - PHP
1
9
ศ 15 พ.ย. 2019 12:40 pm โดย mindphp
ช่วยแนะนำวิธีการเอาค่าใน array มาใช้หน่อยครับ
โดย bankjittapol ศ 15 พ.ย. 2019 10:45 am บอร์ด Programming - PHP
2
22
ศ 15 พ.ย. 2019 11:54 am โดย bankjittapol
แปลงหน่วย bytes kb mb gb
โดย chaiyasitpraphut ศ 15 พ.ย. 2019 10:39 am บอร์ด MindPHP News / Feedback
0
8
ศ 15 พ.ย. 2019 10:39 am โดย chaiyasitpraphut