ESP8266 NodeMCU JQuery JavaScript

1. ESP8266 สามารถสร้าง html และ css รวมทั้งคำสั่ง javascript ได้ โดยคำสั่งเหล่านี้เราทำงานที่เครื่อง client จึงไม่ต้องกังวลในการประมวลผลยาก ๆ เช่น JQuery หรือ CSS
2. JQuery มีการใช้งานได้หลายหลาย ในตัวอย่างนี้เราจะมาทดลองใช้ JQuery ในการอัพเดทแสดงข้อมูลหน้าเว็บแบบ AJAX ซึ่งทำให้เราไม่ต้องโหลดข้อมูลทั้งหมดทุกครั้งที่มีการอัพเดท เพิ่มประสิทธิภาพและลดภาระงานให้ ESP8266
3. ตัวอย่างโคด JQuery ตามตัวอย่างนี้ ดาวน์โหลดที่นี่ ประกอบด้วย 2 ไฟล์คือ
   1. ไฟล์ Demo.html สำหรับหน้าแสดงผล โดยนำข้อมูลจากหน้า value มาอัพเดททุก 5 วินาที หรือเมื่อกดปุ่ม Refresh

      Value Sensor

      Refresh

      ไฟล์ value สำหรับเก็บข้อมูล

      555

Refresh

#include 
#include 

const char* ssid = "wifi_ssid";
const char* password = "wifi_password";

const int sensor = A0;

ESP8266WebServer server(80);


void handle_sensor() {
String val = String(analogRead(A0));
Serial.println(val);
server.send(200, "text/html", val);
}

void setup(void) {
pinMode(A0,INPUT);
Serial.begin(115200);


// Connect to WiFi network
WiFi.begin(ssid, password);

// Wait for connection
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.print("Connected to ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.localIP());

server.on("/", []() {
server.send(200, "text/html", "



Value Sensor

Refresh"); }); server.on("/value", handle_sensor); server.begin(); } void loop(void) { // check for incomming client connections frequently in the main loop: server.handleClient(); }

#include 
#include 

const char* ssid = "wifi_ssid";
const char* password = "wifi_password";

const int sensor = A0;

ESP8266WebServer server(80);


void handle_sensor() {
String val = String(analogRead(A0));
Serial.println(val);
server.send(200, "text/html", val);
}

void setup(void) {
pinMode(A0, INPUT);
Serial.begin(115200);


// Connect to WiFi network
WiFi.begin(ssid, password);

// Wait for connection
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.println(".");
}
Serial.println("");
Serial.print("Connected to ");
Serial.println(ssid);
Serial.print("IP address: ");
Serial.println(WiFi.localIP());

server.on("/", []() {
server.send(200, "text/html", "



Value Sensor

Refresh"); }); server.on("/value", handle_sensor); server.begin(); } void loop(void) { // check for incomming client connections frequently in the main loop: server.handleClient(); }

คลิปวีดีโอสอน Arduino ESP8266 NodeMCU JQuery JavaScript