Скачать или смотреть Full Example: fetch with GET and POST

Full Example: fetch with GET and POST

Let’s imagine a small app that manages users.
We’ll do two things:

GET – read the list of users

POST – add a new user

🔹 1. GET Request (reading data)
fetch("https:api.example.com/users")
.then(response = response.json())
.then(data =
console.log("User list:", data);
.catch(error = console.error("Error loading users:", error));
The server might respond with:
"name": "Anna", "age": 25 ,
"name": "Michael", "age": 30

🔹 2. POST Request (sending data)
fetch(https:api.example.com-users,
method: POST,
headers:
Content-Type: application-json
body: JSON.stringify(
name: Elena,
age: 28

.then(response = response.json())
.then(data =
console.log(User added:, data);

.catch(error =console.error(Error sending data:, error));
Server response:

status: success, message: User Elena added successfully!

💬 In a real app:

When the page loads - GET users from the API.

When the user clicks (Add) - POST the new data.

When the server confirms - refresh the user list.

💡 Summary:
Type Purpose Example
GET Read data from the server fetch(url)
POST Send data to the server fetch(url, method: "POST" )