Member-only story

Difference between put and patch method

Pravin M
2 min readMar 13, 2024

--

Difference between put and patch method

Source:- Difference between put and patch method

For more questions and answers visit our website at Frontend Interview Questions

In JavaScript, the `PUT` and `PATCH` methods are commonly used in HTTP requests to update or modify resources on a server. Although they serve a similar purpose, there are some differences in how they are used and their intended behavior. Here’s an explanation of the differences between `PUT` and `PATCH` methods with examples:

  1. `PUT` Method: The `PUT` method is used to completely replace the resource identified by the given URL with the payload provided in the request. It is typically used when you want to update a resource in its entirety.

Example:

Suppose we have an API endpoint `/users/:id` that represents a user resource, and we want to update the user’s information.


// Using the PUT method to update a user's information
const userId = 1;
const updatedUserData = {
name: "John Doe",
age: 30,
};

fetch(`/users/${userId}`, {
method: "PUT",
body: JSON.stringify(updatedUserData),
})
.then((response) => response.json())
.then((data) => console.log(data))
.catch((error) => console.error(error));

In the above example, a `PUT` request is made to update the user’s information. The entire…

--

--

Pravin M
Pravin M

Written by Pravin M

I am a frontend developer with 10+ years of experience Blog :- https://www.frontendinterviewquestions.com

No responses yet