[Edit]

Express.js - AJAX PATCH request

1 contributors

2 contributions

0 discussions

0 points

Created by:

troya

692

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

1. Express.js PATCH methods example

Edit

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

index.js file:

xxxxxxxxxx
 
const express = require('express'); // installation: npm install express
​
const port = 3000;
const app = express();
​
app.patch('/examples', (request, response) => {
    const data = request.body; 
    // make partial changes to an existing 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 PATCH request

Edit

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

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<body>
  <script>
​
    var requestData = 'Some text sent to API ...';
​
    fetch('/examples', {
        method: 'PATCH',
        headers: {
            'Content-Type': 'text/plain',
        },
        body: requestData
    })
        .then((response) => response.text())
        .then((responseData) => {
            console.log('Success: ', responseData);
        })
        .catch((error) => {
            console.error('Error: ', error);
        });
    
  </script>
</body>
</html>