ajax
-
Fetching JSON API Data on Webpage with AJAX
บทความนี้ เราจะทำการนำค่าจาก อุปกรณ์ IoT มาแสดงผลแบบ Real-time บนหน้าบทความของ Joomla กัน จะทำให้เราสามารถดูค่าจากตัว Sensor ต่างๆได้ง่ายขึ้น โดยใช้การดึงข้อมูลจาก API ที่เป็นรูปแบบข้อมูล JSON ร่วมกับ AJAX Script วิธีการนี้จะทำให้สามารถอัพเดตข้อมูลบนหน้าเพจได้โดยตรง โดยไม่ต้องใช้ทั้งการ Refresh page และ iframe
-
How to display dynamic sensor value on webpage
มาดูขั้นตอนการเพิ่ม Script เพื่อแสดงค่าจากตัว Sensor ให้ Update ได้แบบ Real-time บน หน้าเวบเพจ โดยการใช้ AJAX แทนการ Auto Refresh จะทำได้ตอน Load ค่าใหม่เข้ามา เราไม่เห็นมา Browser กระพริบ เพื่อทำการ Refresh หน้าเพจ