Como Fazer Um POST Com Javascript Puro

Com a evolução do Javascript, fazer uma request com Javascript tornou-se uma tarefa muito mais simples!
O que antes nós usávamos JQuery para facilitar nosso trabalho, atualmente é algo relativamente fácil e tranquilo de ser feito através de javascript puro.

Você sabe como fazer uma requisição “POST” com Javascript puro?

Quando queremos fazer um POST com Javascript puro, podemos usar o fetch API, que é uma interface para fazermos requisições!
Então como fazemos um POST com o fetch? Podemos fazer da seguinte maneira:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const data = { username: "Victor Jordan" };

fetch("https://backefront.com.br/api/users", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data),
})
.then((response) => response.json())
.then((data) => {
console.log("Success:", data);
})
.catch((error) => {
console.error("Error:", error);
});

O Fetch nos permite trabalhar com todos os métodos HTTP, sendo eles: GET, POST, PUT, DELETE, etc.
Sua implementação é bem simples e intuitiva, o que facilita muito em nosso desenvolvimento!