ให้เรตสมาชิก: 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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 19 มกราคาม 2561
โดย Parichat ศ 19 ม.ค. 2018 8:52 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
8
ศ 19 ม.ค. 2018 7:33 pm โดย Parichat
งานประจำวันที่ 19 มกราคม 2561
โดย Jom07 ศ 19 ม.ค. 2018 8:43 am บอร์ด MT23 - สุพรรษา พูลตา
1
24
ศ 19 ม.ค. 2018 9:20 am โดย Jom07
งานประจำวันที่ 19 มกราคม 2561
โดย Four ศ 19 ม.ค. 2018 8:42 am บอร์ด MT22 - อิษยา งามสอาด
4
23
ศ 19 ม.ค. 2018 6:43 pm โดย Four
ตัวแปรชนิด Tuple
โดย Four พฤ 18 ม.ค. 2018 5:18 pm บอร์ด Python Knowledge
0
29
พฤ 18 ม.ค. 2018 5:18 pm โดย Four
ขอสอบถามเรื่องความแตกต่างของฟังก์ชั่นvariant_pow()กับฟังก์ชั่น pow()
โดย Parichat พฤ 18 ม.ค. 2018 1:58 pm บอร์ด Programming - PHP
0
25
พฤ 18 ม.ค. 2018 1:58 pm โดย Parichat
อยากได้โปรแกรม command แบบ cmd ที่เก็บ history ได้ค่ะช่วยเเนะนำหน่อย
โดย thatsawan พฤ 18 ม.ค. 2018 11:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
50
พฤ 18 ม.ค. 2018 7:18 pm โดย thatsawan
0vsNULL
โดย Before Dong พฤ 18 ม.ค. 2018 10:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
38
พฤ 18 ม.ค. 2018 2:51 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Parichat พฤ 18 ม.ค. 2018 9:38 am บอร์ด MT21 - ปาริชาติ รัตโณภาส
1
13
พฤ 18 ม.ค. 2018 7:16 pm โดย Parichat
งานประจำวันที่ 18 มกราคม 2561
โดย Jom07 พฤ 18 ม.ค. 2018 9:27 am บอร์ด MT23 - สุพรรษา พูลตา
2
34
พฤ 18 ม.ค. 2018 6:49 pm โดย Before Dong
งานประจำวันที่ 18 มกราคม 2561
โดย Four พฤ 18 ม.ค. 2018 9:24 am บอร์ด MT22 - อิษยา งามสอาด
1
23
พฤ 18 ม.ค. 2018 11:44 am โดย Four
VDO สอนพัฒนา Componet Joomla ภาษาอังกฤษ By Mindphp Developer Team
โดย mindphp พฤ 18 ม.ค. 2018 6:21 am บอร์ด Joomla Development
0
26
พฤ 18 ม.ค. 2018 6:21 am โดย mindphp
Ozio Gallery-Components & Plugins สำหรับช่วยให้ดูภาพที่เผยแพร่บน Googleและวีดีโอจาก Youtube ที่ละเอียด
โดย Parichat พ 17 ม.ค. 2018 7:30 pm บอร์ด Joomla Extension Review
0
43
พ 17 ม.ค. 2018 7:30 pm โดย Parichat
ตัวดำเนินการของตัวแปร List
โดย Four พ 17 ม.ค. 2018 4:35 pm บอร์ด Python Knowledge
0
33
พ 17 ม.ค. 2018 4:35 pm โดย Four
การใช้ Del statement
โดย Four พ 17 ม.ค. 2018 4:03 pm บอร์ด Python Knowledge
0
27
พ 17 ม.ค. 2018 4:03 pm โดย Four
Review Applications 17 มกราคม 2561
โดย Jom07 พ 17 ม.ค. 2018 3:44 pm บอร์ด MT23 - สุพรรษา พูลตา
1
18
พ 17 ม.ค. 2018 6:19 pm โดย Jom07
การใช้ Precedence
โดย Four พ 17 ม.ค. 2018 3:36 pm บอร์ด Python Knowledge
0
29
พ 17 ม.ค. 2018 3:36 pm โดย Four
โครงสร้าง Module
โดย tsukasaz พ 17 ม.ค. 2018 3:08 pm บอร์ด Joomla Dev
0
9
พ 17 ม.ค. 2018 3:08 pm โดย tsukasaz
Index VDO Reenigne – คุณวีรศักดิ์ - odoo 10
โดย Four พ 17 ม.ค. 2018 2:33 pm บอร์ด MT22 - อิษยา งามสอาด
0
8
พ 17 ม.ค. 2018 2:33 pm โดย Four
งานประจำวันที่ 17 มกราคม 2561
โดย Four พ 17 ม.ค. 2018 9:56 am บอร์ด MT22 - อิษยา งามสอาด
3
34
พ 17 ม.ค. 2018 4:36 pm โดย Four
Work's on Hand ปาริชาติ รัตโณภาส MT21
โดย Parichat จ 08 ม.ค. 2018 12:11 pm บอร์ด MT21 - ปาริชาติ รัตโณภาส
2
52
พ 17 ม.ค. 2018 10:51 am โดย Parichat