NodeMCU ESP8266 AJAX Enabled Web Server

Arduino Nano R3

Arduino IDE

NodeMCU ESP8266 Breakout Board

Breadboard (generic)

LED (generic)

Buzzer

Jumper wires (generic)

<p >In this project we are going to control our electronic components using our mobile phones.  We are going to use the NodeMCU ESP8266 Web Server and create an AJAX enabled page so as to make our page responsive.  This will remove the flickering and the page refresh needed using XMLHttpRequest and Javascript.</p><p >Please see the following demo.</p><div class="se-component se-video-container __se__float-none" contenteditable="false" style="width: 100%;"><figure style="width: 100%; height: 56.25%; padding-bottom: 56.25%; margin: 0px;"><iframe frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/KGY2mkdewRE" data-proportion="true" data-percentage="100%,56.25%" data-size="100%,56.25%" data-align="none" style="width: 100%; height: 100%;" data-index="0" data-file-size="0" data-origin="100%,56.25%"></iframe></figure></div><p ><span >I have created a step by step description on how I created my project in the following link </span><a href="https://www.donskytech.com/esp8266-nodemcu-web-server-control-components-from-your-mobile-phone/">https://www.donskytech.com/esp8266-nodemcu-web-server-control-components-from-your-mobile-phone/</a></p><p >I have added additional explanation on how to create the project.</p><p ><span >The code is available at my github account </span><a href="https://github.com/donskytech/esp-projects/tree/master/esp8266-nodemcu-webserver-ajax">https://github.com/donskytech/esp-projects/tree/master/esp8266-nodemcu-webserver-ajax</a></p><p ></p><p >We used the Arduino IDE in programming the NodeMCU ESP8266 Web Server by using the ESP8266 Core Addon project </p>

NodeMCU ESP8266 Web Server Schematic Diagram

ESP8266 NodeMCU Web Server - AJAX Enabled

NodeMCU ESP8266 AJAX Enabled Web Server

This project will control our electronic components using our mobile phone. We will be creating an AJAX enabled NodeMCU ESP8266 WebServer