res.send for general responses in Express - Mini Project: Build & Apply

Using res.send for General Responses in Express

📖 Scenario: You are building a simple web server using Express. You want to send different types of responses to the client using res.send.

🎯 Goal: Learn how to use res.send to send text, HTML, and JSON responses in an Express server.

📋 What You'll Learn

Create an Express app

Set up a route that sends a plain text response using res.send

Set up a route that sends an HTML response using res.send

Set up a route that sends a JSON response using res.send

💡 Why This Matters

🌍 Real World

Web servers often need to send different types of responses like text, HTML pages, or JSON data to clients. Knowing how to use <code>res.send</code> helps you build flexible APIs and web apps.

💼 Career

Express is a popular web framework for Node.js used in many jobs. Understanding how to send responses correctly is a fundamental skill for backend developers.

1

Create an Express app and a text response route

Create an Express app by requiring express and calling express(). Then create a route for GET /text that sends the plain text response 'Hello, this is a text response!' using res.send.

Express

const express = require('express');
const app = express();

// Create GET /text route that sends plain text
// Your code here

Hint

Use app.get to create the route and res.send to send the text.

2

Add a route that sends an HTML response

Add a new route for GET /html that sends a simple HTML string '

Welcome to the HTML page

' using res.send.

Express

const express = require('express');
const app = express();

app.get('/text', (req, res) => {
  res.send('Hello, this is a text response!');
});

// Create GET /html route that sends HTML
// Your code here

Hint

Use app.get with the path /html and send the HTML string with res.send.

3

Add a route that sends a JSON response

Add a new route for GET /json that sends a JSON object { message: 'This is a JSON response' } using res.send.

Express

const express = require('express');
const app = express();

app.get('/text', (req, res) => {
  res.send('Hello, this is a text response!');
});

app.get('/html', (req, res) => {
  res.send('Welcome to the HTML page');
});

// Create GET /json route that sends JSON
// Your code here

Hint

Use app.get with the path /json and send the JSON object with res.send.

4

Start the Express server

Add code to start the Express server listening on port 3000 using app.listen. Log the message 'Server is running on port 3000' when the server starts.

Express

const express = require('express');
const app = express();

app.get('/text', (req, res) => {
  res.send('Hello, this is a text response!');
});

app.get('/html', (req, res) => {
  res.send('Welcome to the HTML page');
});

app.get('/json', (req, res) => {
  res.send({ message: 'This is a JSON response' });
});

// Start the server on port 3000
// Your code here

Hint

Use app.listen with port 3000 and a callback that logs the message.

Practice

1. What does res.send() do in an Express app?

easy

A. Logs information to the console

B. Sends a response back to the client and ends the request

C. Reads data from the client request

D. Starts a new server

Solution

1. Step 1: Understand the purpose of res.send()

   res.send() is used to send a response back to the client in Express.

2. Step 2: Recognize that it ends the response

   After sending data, res.send() automatically ends the response, so no more data is sent.

3. Final Answer:

   Sends a response back to the client and ends the request -> Option B

4. Quick Check:

   res.send() = sends response [OK]

Hint: Remember: res.send sends and finishes response [OK]

Common Mistakes:

• Thinking res.send starts the server
• Confusing res.send with reading request data
• Assuming res.send logs to console

2. Which of the following is the correct syntax to send a plain text response using res.send?

easy

A. res.send('Hello');

B. res.send[Hello];

C. res.send({ message: 'Hello' });

D. res.send = 'Hello';

Solution

1. Step 1: Identify correct method call syntax

   The correct way to call res.send is as a function with parentheses and the data inside.

2. Step 2: Check the options for valid syntax

   res.send('Hello'); uses res.send('Hello'); which is correct. res.send({ message: 'Hello' }); sends an object, which is valid but not plain text. Options B and D have invalid syntax.

3. Final Answer:

   res.send('Hello'); -> Option A

4. Quick Check:

   Correct function call = res.send('text') [OK]

Hint: Use parentheses and quotes: res.send('text') [OK]

Common Mistakes:

• Using square brackets instead of parentheses
• Assigning value instead of calling function
• Sending object when plain text is needed

3. What will the client receive when this Express route runs?

app.get('/test', (req, res) => {
  res.send({ success: true });
});

medium

A. A plain text: '[object Object]'

B. Nothing, response is empty

C. An error because object can't be sent

D. A JSON string: '{"success":true}'

Solution

1. Step 1: Understand res.send with an object

   When res.send() receives an object, Express converts it to JSON automatically.

2. Step 2: Predict the client response

   The client will get a JSON string representing the object: '{"success":true}'.

3. Final Answer:

   A JSON string: '{"success":true}' -> Option D

4. Quick Check:

   res.send(object) = JSON string [OK]

Hint: Objects sent with res.send become JSON strings [OK]

Common Mistakes:

• Expecting plain text '[object Object]'
• Thinking it causes an error
• Assuming empty response

4. Identify the error in this Express route:

app.get('/hello', (req, res) => {
  res.send('Hello');
  res.send('Again');
});

medium

A. Calling res.send twice causes an error

B. Missing semicolon after res.send

C. res.send cannot send strings

D. Route path is invalid

Solution

1. Step 1: Check multiple res.send calls in one route

   Once res.send() is called, the response is finished and cannot be sent again.

2. Step 2: Understand the error caused

   Calling res.send() a second time causes an error because the response is already closed.

3. Final Answer:

   Calling res.send twice causes an error -> Option A

4. Quick Check:

   Only one res.send per response [OK]

Hint: Send response once; multiple res.send calls cause errors [OK]

Common Mistakes:

• Ignoring that response ends after first send
• Thinking multiple sends append data
• Blaming syntax or route path

5. You want to send a JSON response with a status code 201 and a message 'Created' using res.send. Which code correctly does this?

hard

A. res.send({ status: 201, message: 'Created' });

B. res.send(201, { message: 'Created' });

C. res.status(201).send({ message: 'Created' });

D. res.status(201).send('Created');

Solution

1. Step 1: Set status code before sending response

   Use res.status(201) to set the HTTP status code to 201.

2. Step 2: Send JSON object with message

   Chain .send({ message: 'Created' }) to send the JSON response.

3. Final Answer:

   res.status(201).send({ message: 'Created' }); -> Option C

4. Quick Check:

   Status then send JSON = res.status(201).send({ message: 'Created' }); [OK]

Hint: Chain res.status(code).send(data) to set status and send [OK]

Common Mistakes:

• Passing status code as first argument to send
• Sending status inside JSON instead of HTTP status
• Sending plain text when JSON is needed