Reading a Switch Automatically using AJAX on an Arduino Web Server
The status of a switch is read and displayed on a web page using AJAX. Find the details at: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-read-switch-automatically-using-AJAX/
An Arduino Uno and Ethernet shield are used as a web server. The status of the switch is fetched every second and then updated on the web page by using AJAX.
Part of the Arduino Ethernet Shield Web Server Tutorial
Tutorial Contents:
Part 1 – Introduction: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/
Part 2 – Basic Arduino Web Server: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/basic-web-server/
Part 3 – Web Page Structure (HTML): http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-page-structure/
Part 4 – Arduino SD Card Web Server: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-web-server/
Part 5 – Arduino Web Server LED Control: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-LED-control/
Part 6 – Reading Switch State using an Arduino Web Server: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-read-switch/
Part 7 – Arduino Web Server Switch Status Using AJAX Manually: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-read-switch-using-AJAX/
Part 8 – Reading Switch Status Automatically using AJAX on the Arduino Web Server: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/web-server-read-switch-automatically-using-AJAX/
Part 9 – Analog Inputs and Switches using AJAX: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/AJAX-read-switches-analog/
Part 10 – Linking Pages: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-web-server-links/
Part 11 – Displaying Images: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-web-server-image/
Part 12 – CSS Introduction: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/CSS-introduction/
Part 13 – Ajax Web Server: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-AJAX-web-server/
Part 14 – Arduino Inputs using Ajax with XML: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-AJAX-XML-web-server/
Part 15 – Gauge Displaying Analog Value: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-gauge/
Part 16 – SD Card Web Server I/O: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-IO/
Part 17 – Accessing HTML Tags with CSS and JavaScript: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/accessing-HTML-with-CSS-and-JavaScript/
Part 18 – CSS for Positioning, Sizing and Spacing: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/CSS-for-positioning/
Summary and Conclusion: http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/ethernet-shield-tutorial-summary/
Related from the Blog:
Changing Text and Button Color using AJAX: http://blog.startingelectronics.com/?p=589
Switching LEDs on from a Web Page using Arduino: http://blog.startingelectronics.com/?p=598
Comments are closed.