Arduino Web Server using AJAX

    There are many ways to use Arduino to create your own IoT device. One of the easiest is to configure your Arduino as a Web Server. This way, you can connect to it from any browser capable device on your home network. It is also quite a bit safer to do it this way, as you don’t have to expose your device to the internet, reducing the security implications of many of the other methods available. AJAX stands for Asynchronous JavaScript and XML.
    314 views
    0 comments
    0 likes
    ORIGINAL POST
    By makeriot2020
    components
    Hardware Components
    Arduino UNO
    X 1
    Arduino Ethernet Shield
    X 1
    Breadboard
    X 1
    1K resistor
    X 1
    LED
    X 1
    10k OR 22k Resistor
    X 1
    Hookup Wire (5 pieces)
    X 1
    Push Button
    X 1
    details

    AJAX_1.PNG

    The Circuit

    Wire the following circuit on your breadboard

    Testing the results

    Open a web browser and go to the IP Address of the server ( the one you set in your code).
    If you did everything correctly, you should see a screen similar to this.

    The web page should immediately update and tell you that the button is On, and the LED is ON

     

    Conclusion

    This concludes part 1 of this series. This example can very easily be extended to be more useful, as well as be modified to work on other platforms, like ESP32.
    In further parts, I will show you how to extend this very simple server into becoming something much more useful. Please visit again to see the rest of this series.

     

    AJAX_1.PNG

    The Circuit

    Wire the following circuit on your breadboard

    Testing the results

    Open a web browser and go to the IP Address of the server ( the one you set in your code).
    If you did everything correctly, you should see a screen similar to this.

    The web page should immediately update and tell you that the button is On, and the LED is ON

     

    Conclusion

    This concludes part 1 of this series. This example can very easily be extended to be more useful, as well as be modified to work on other platforms, like ESP32.
    In further parts, I will show you how to extend this very simple server into becoming something much more useful. Please visit again to see the rest of this series.

     

    documents
    Code
    Arduino code

    COMMENTS

    Please Login to comment
      Subscribe  
    Notify of
    POSTED BY
    irina