Como seria uma requisição post para transformar os dados do formulário em um JSON e gravar na API?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como seria uma requisição post para transformar os dados do formulário em um JSON e gravar na API?
Olá, Victor!
Você poderia fazer algo como:
var form = document.querySelector("#form-adiciona");
var paciente = obtemPacienteDoFormulario(form);
var xhr = new XMLHttpRequest();
var dados = JSON.stringify(paciente);
xhr.open("POST", "https://endereco-do-servidor/pacientes");
request.setRequestHeader('Content-Type', 'application/json');
xhr.addEventListener("load", function() {
var erroAjax = document.querySelector("#erro-ajax");
if (xhr.status == 200) {
erroAjax.classList.add("invisivel");
//sucesso!
} else {
erroAjax.classList.remove("invisivel");
//erro!
}
});
xhr.send(dados);Destacando partes interessantes:
JSON.stringify() transforma um objeto JS em um texto no formato JSONrequest.setRequestHeader() para setar o cabeçalho HTTP Content-Type com o media type apropriado que, no caso, é application/jsonxhr.send(), passamos os dados