In many IoT Applications we monitor sensor data and we want to display it in wab page. Web page requires frequent refresh to get the update from ESP32. To solve this problem you have two options, first is refresh page with HTML Tag: ex. refresh at every 30 seconds.
<head>
<meta http-equiv=”refresh” content=”30″>
</head>
Disadvantage of using HTML refresh tag is, it flickers the screen and loads complete page again and again.
In this tutorial I will show you how to display ADC data and update without refreshing web page. You can do a lot of things with this. At the end we will see some advance applications of this. To make this possible we need to use javaScript Ajax.
Tools you need
only ESP32, Laptop and USB cable
What you will learn?
- ESP32 Ajax web page to display and update sensor data without refresh.
- Getting data from ESP32 without page refresh and update it in web page dynamically. such as ADC values or temperature readings.
Continue reading Web server on ESP32: How to update and display sensor values?