[Edit]

Express.js - AJAX POST request

1 contributors

2 contributions

0 discussions

0 points

Created by:

JoanneSenior

1070

In this article, we would like to show you how to make AJAX POST requests in Express.js.

1. Express.js POST methods example

Edit

In this section, we use Express.js to handle POST requests.

index.js

xxxxxxxxxx
 
const express = require('express'); // installation: npm install express
​
const port = 3000;
const app = express();
​
app.post('/examples', (request, response) => {
    const data = request.body; 
    // create/update a resource
​
    response.send('put your changed data here');
});
​
app.listen(port, () => {
    console.log(`server is listening at http://localhost:${port}`);
});

To run the server use:

xxxxxxxxxx
 
node index.js

Output:

xxxxxxxxxx
 
server is listening at http://localhost:3000

2. Pure JavaScript (Vanilla JS) AJAX POST request

Edit

The following is an example execution of a fetch method that sends POST requests.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<body>
  <script>
​
    var bodyData = 'text';
​
    fetch('/examples', {
        method: 'POST',
        headers: {
            'Content-Type': 'text/plain',
        },
        body: bodyData,
    })
        .then((response) => response.json())
        .then((data) => {
            console.log('Success:', data);
        })
        .catch((error) => {
            console.error('Error:', error);
        });
​
  </script>
</body>
</html>