ESP32 Web Server using AJAX [高級Ardunio手工實作 Web Server using AJAX]~ 純收藏
資料來源: https://akuzechie.blogspot.com/2020/12/esp32-web-server-using-ajax.html
https://www.youtube.com/watch?v=rlVR2aStjA8
Code:
//======================================================== //ESP32 Web Server: Reading Potentiometer Value using AJAX //======================================================== #include#include #include #include "webpage.h" //--------------------------------------------------- WebServer server(80); const char* ssid = "network name"; const char* password = "password"; //--------------------------------------------------- #include "handleFunctions.h" //=================================================== void setup() { Serial.begin(115200); //------------------------------------------------- WiFi.mode(WIFI_STA); WiFi.begin(ssid, password); Serial.println("Connecting to WiFi"); while(WiFi.waitForConnectResult() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.print("IP address: "); Serial.println(WiFi.localIP()); //------------------------------------------------- server.on("/", handleRoot); server.on("/readPOT", handlePOT); server.begin(); Serial.println("HTTP server started"); } //=================================================== void loop(void) { server.handleClient(); delay(1); } Header file "handleFunctions.h": //============================================= //Handle functions executed upon client request //============================================= void handleRoot() { server.send(200, "text/html", webpageCode); } //--------------------------------------- void handlePOT() { String POTval = String(analogRead(A0)); server.send(200, "text/plane", POTval); } Header file "webpage.h": //============ //Webpage Code //============ String webpageCode = R"***( ESP32 Web Server ESP32 Web Server
POT Value : 0
)***";