ดึงข้อมูล Real time ด้วย Axios PHP & JS | boychawin.com

ดึงข้อมูล Real time ด้วย Axios PHP & JS

  • May 22, 2021 194
ดึงข้อมูล Real time ด้วย Axios   PHP & JS
  • Share


Axios คือ open source JavaScript libary ใช้เพื่อการรับส่งข้อมูลแบบ RESTful API และแปลงข้อมูลเป็น JSON ให้อัตโนมัติ 

ข้อมูลที่ใช้ในการทดสอบจะดึงเป็นวันเวลามาแสดง ซึ่งปกติเราอาจจะคุ้นเคยกับการใช้งาน ajax ใน jQuery มากกว่า แต่วันนี้เราจะมาใช้ Axios เพือดึงข้อมูลมาแบบ Real time โดยที่ไม่ต้อง Refresh หน้าจอใหม่
  
คำสั่ง setInterval() เพื่อเป็นตัวกำหนดเวลาในการดึงข้อมูลใหม่ มาแสดงตามเวลาที่เรากำหนด ในตัวอย่างจะกำหนดไว้ที่ 1 วินาที


เครื่องมือ

- Axios open source JavaScript libary

ขั้นตอนการติดตั้ง

1. สร้าง 2 ไฟล์ 1. index.php 2. data.php  ถ้าใช้ XAMPP เก็บไว้ในโฟลเดอร์ htdocs
2. Copy โค้ดอยู่ด้านล่างนี้ 
1. หน้า index.php Copy ถึง แท็กปิด html
2. หน้า data.php  Copy ตั้งแต่ แท็กเปิด php
3. ทดสอบการใช้งาน นำไปปรับใช้งานกันนะครับ


GitHub

  • Share

บทความอื่นที่น่าสนใจ

ความคิดเห็น

ติดตาม Facebook

ยอดนิยมวันนี้

ยอดนิยม

เว็บเทรด Bitcoin

ช่องทางติดต่อเรา