HTTP methods for CRUD operations in Express - Step-by-Step Execution

Concept Flow - HTTP methods for CRUD operations

Client sends HTTP request

↓

Server receives request

↓

Check HTTP method

↓

Read

↓

Send response with data or status

↓

End

This flow shows how a server handles different HTTP methods to perform CRUD operations: GET to read, POST to create, PUT to update, and DELETE to remove data.

Execution Sample

Express

app.get('/items', (req, res) => res.send('Read items'));
app.post('/items', (req, res) => res.send('Create item'));
app.put('/items/:id', (req, res) => res.send('Update item'));
app.delete('/items/:id', (req, res) => res.send('Delete item'));

This code sets up routes in Express to handle CRUD operations using HTTP methods.

Execution Table

Step	HTTP Method	Request URL	Server Action	Response Sent
1	GET	/items	Read all items from database	Send list of items
2	POST	/items	Add new item to database	Send confirmation of creation
3	PUT	/items/5	Update item with id=5	Send confirmation of update
4	DELETE	/items/5	Remove item with id=5	Send confirmation of deletion
5	PATCH	/items/5	Not handled in this example	Send 404 or method not allowed
6	GET	/unknown	No matching route	Send 404 Not Found

💡 Execution stops after sending response for each request.

Variable Tracker

Variable	Start	After GET	After POST	After PUT	After DELETE	Final
items	[]	[item1, item2]	[item1, item2, newItem]	[item1, updatedItem, newItem]	[item1, newItem]	[item1, newItem]

Key Moments - 3 Insights

Why does the server use different HTTP methods for the same URL?

Because each HTTP method tells the server what action to perform on the resource. For example, GET reads data, POST creates new data, PUT updates existing data, and DELETE removes data. See execution_table rows 1-4.

What happens if the client sends a method not handled by the server?

The server responds with an error like 404 Not Found or Method Not Allowed because no route matches that method. See execution_table row 5.

How does the server know which item to update or delete?

The server uses the URL parameter (like /items/5) to identify the specific item by its id. This is shown in execution_table rows 3 and 4.

Visual Quiz - 3 Questions

Look at the execution_table, what response does the server send for a POST request to /items?

A Send list of items

B Send confirmation of deletion

C Send confirmation of creation

D Send 404 Not Found

💡 Hint

Check execution_table row 2 under 'Response Sent'

At which step does the server update an existing item?

A Step 3

B Step 1

C Step 4

D Step 2

💡 Hint

Look at execution_table row 3 under 'Server Action'

If the client sends a DELETE request to /items/10, what will the server do?

A Create a new item

B Remove item with id=10

C Update item with id=10

D Send list of items

💡 Hint

See execution_table row 4 for DELETE method behavior

Concept Snapshot

HTTP methods map to CRUD:
GET = Read data
POST = Create data
PUT = Update data
DELETE = Remove data
Express routes handle these methods to perform actions on resources.

Full Transcript

This lesson shows how Express uses HTTP methods to perform CRUD operations. The server listens for requests with methods GET, POST, PUT, and DELETE. Each method triggers a different action: reading data, creating new data, updating existing data, or deleting data. The server uses the URL and method to decide what to do and sends back a response. If a method is not handled, the server returns an error. This helps clients interact with data in a clear, organized way.