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


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - com_M2OpenERP Migration ติดตั้งได้แต่ไม่สามารถตั้งค่าได้ใน Joomla 3.x
โดย Parichat ศ 22 มิ.ย. 2018 5:55 pm บอร์ด M2OpenERP
0
3
ศ 22 มิ.ย. 2018 5:55 pm โดย Parichat
Q - หน้ารายละเอียดสินค้าให้แสดงราคาเป็น USD ด้วยและTHB ด้วย
โดย Parichat ศ 22 มิ.ย. 2018 2:20 pm บอร์ด Joomla Dev
5
13
ศ 22 มิ.ย. 2018 6:04 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า แสดงพิ้นหลังยาวกว่าเว็บต้นฉบับ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
2
11
ศ 22 มิ.ย. 2018 6:12 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า ต้องแสดงราคาเป็น USD ด้วย ตามเว็บต้นฉบับ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:17 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 6:02 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า เมื่อเลือกสีสินค้า รูปแบบของราคาจากตัวหนาเปลี่ยนเป็นตัวปกติ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:09 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
5
ศ 22 มิ.ย. 2018 1:46 pm โดย Parichat
B - หน้า How to Buy ข้อความเกินขอบพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 12:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
4
ศ 22 มิ.ย. 2018 1:28 pm โดย Parichat
B - หน้าดาวน์โหลดแสดงผลไม่เหมือนของเดิม ข้อความเกินขอบพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 12:04 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
4
ศ 22 มิ.ย. 2018 12:10 pm โดย Parichat
Q - จัดรูปภาพให้อยู่ตรงกลางโดยใช้คำสั่ง Center แต่รูปภาพไม่อยู่กึ่งกลางตามคำสั่ง
โดย Parichat ศ 22 มิ.ย. 2018 12:02 pm บอร์ด Joomla Dev
6
13
ศ 22 มิ.ย. 2018 4:52 pm โดย Parichat
B - หน้ารายการสินค้า ปุ่ม Detail กับ Feature ไม่เปลี่ยนตอน Mouse Over
โดย tsukasaz ศ 22 มิ.ย. 2018 11:50 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
ศ 22 มิ.ย. 2018 4:20 pm โดย tsukasaz
Q - ทำให้รูปภาพตกลงในขนาดของหน้าจอมือถือกรณีใช้ grid-container
โดย Parichat ศ 22 มิ.ย. 2018 11:47 am บอร์ด Joomla Dev
9
19
ศ 22 มิ.ย. 2018 6:18 pm โดย tsukasaz
Q - แบ่งหน้าสินค้าในกรณีที่เปิดในมือถือ
โดย Parichat ศ 22 มิ.ย. 2018 11:41 am บอร์ด Joomla Dev
6
14
ศ 22 มิ.ย. 2018 4:44 pm โดย Parichat
B - การตั้งค่า Access Right สิทธ์แต่ละ User เข้าใช้งานไม่ได้
โดย nuattawoot ศ 22 มิ.ย. 2018 11:07 am บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
10
ศ 22 มิ.ย. 2018 4:46 pm โดย nuattawoot
งานประจำวันที่ 22 มิถุนายน 2561
โดย taemmynatchapon ศ 22 มิ.ย. 2018 10:27 am บอร์ด M063 - ณัชพล ชัยวุฒิ
1
3
ศ 22 มิ.ย. 2018 7:00 pm โดย taemmynatchapon
การดู URL ใน Joomla
โดย Parichat ศ 22 มิ.ย. 2018 10:24 am บอร์ด Joomla Developing Knowledge
0
10
ศ 22 มิ.ย. 2018 10:24 am โดย Parichat
B - หน้ารูปภาพสินค้าปรับทศนิยม 2 ตำแหน่ง
โดย tsukasaz ศ 22 มิ.ย. 2018 10:14 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
9
ศ 22 มิ.ย. 2018 10:46 am โดย Parichat
B - หน้ารูปภาพสินค้าบนมือถือ รูปภาพแสดงเลยจอ
โดย tsukasaz ศ 22 มิ.ย. 2018 10:06 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
12
ศ 22 มิ.ย. 2018 10:06 am โดย tsukasaz
B - หน้าข้อมูลสินค้าบนมือถือ รูปภาพแสดงเลยจอ
โดย tsukasaz ศ 22 มิ.ย. 2018 10:02 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
9
ศ 22 มิ.ย. 2018 10:02 am โดย tsukasaz
B - หน้ารายการสินค้าบนมือถือ สินค้าแสดงเลยพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 9:58 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 4:21 pm โดย tsukasaz
B - หน้ารายการสินค้าบนมือถือ ตำแหน่งของสีไม่ถูกต้อง
โดย tsukasaz ศ 22 มิ.ย. 2018 9:55 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 11:06 am โดย Parichat
งานประจำวันที่ 22 มิถุนายน 2561
โดย Parichat ศ 22 มิ.ย. 2018 8:52 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
3
ศ 22 มิ.ย. 2018 7:18 pm โดย Parichat