res.send for general responses in Express

Introduction

res.send is used to send a response back to the client in a simple way. It helps your server talk to the browser or app by sending text, HTML, or data.

When you want to send a simple message or text back to the user.

When you want to send HTML content as a response.

When you want to send JSON or other data formats quickly without extra setup.

When you want to end the response and tell the client you are done sending data.

Syntax

Express

res.send(body)

body can be a string, a buffer, an object, or an array.

If you send an object or array, Express automatically converts it to JSON.

Examples

Sends a simple text message to the client.

Express

res.send('Hello World!')

Sends a JSON object. Express converts it to JSON format automatically.

Express

res.send({ message: 'Success' })

Sends HTML content that the browser will render as a heading.

Express

res.send('<h1>Welcome</h1>')

Sample Program

This simple Express server has two routes. The root route sends a plain text message. The /json route sends a JSON object. Both use res.send to send responses.

Express

import express from 'express';

const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello from Express!');
});

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

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

Important Notes

Using res.send automatically sets the correct Content-Type header based on the data you send.

Calling res.send ends the response, so you should not call it more than once per request.

Summary

res.send sends a response back to the client easily.

It works with text, HTML, JSON, and more.

It automatically sets headers and ends the response.

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