---
title: "Arduino Web Server using AJAX"
url: "https://maker.wiznet.io/WIZnet/projects/arduino-web-server-using-ajax/"
markdown_url: "https://maker.wiznet.io/WIZnet/projects/arduino-web-server-using-ajax/md"
type: "UCC: User Created Content"
author: "makeriot"
author_url: "https://www.makeriot2020.com/index.php/2020/09/01/arduino-web-server-using-ajax-part-1/"
editor: "WIZnet"
editor_url: "https://maker.wiznet.io/"
original_author: "makeriot"
original_url: "https://www.makeriot2020.com/index.php/2020/09/01/arduino-web-server-using-ajax-part-1/"
published: "2023-02-21"
language: "en"
hardware: ["Arduino Ethernet Shield"]
likes: 2
views: 264
comments: 0
source: "WIZnet Makers (https://maker.wiznet.io/)"
---

# 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.

Original author: makeriot (source: https://www.makeriot2020.com/index.php/2020/09/01/arduino-web-server-using-ajax-part-1/)

## Components

- **Arduino Ethernet Shield** x 1 ([docs](https://docs.arduino.cc/retired/shields/arduino-ethernet-shield-without-poe-module))

## Article

**DETAILS**

## **The Circuit**

Wire the following circuit on your breadboard

![](https://maker.wiznet.io/uploads/2021/08/AJAX_2-300x164.png)

## **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.

![](https://maker.wiznet.io/uploads/2021/08/AJAX_4-300x134.png)

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

![](https://maker.wiznet.io/uploads/2021/08/AJAX_3-300x134.png)

## **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.

![](https://www.makeriot2020.com/wp-content/uploads/2020/09/Ajax-Webserver-OFF-1024x458.png)

**DOCUMENTS**

Code

Arduino code

---

Source: https://maker.wiznet.io/WIZnet/projects/arduino-web-server-using-ajax/