Como seria uma requisição post para transformar os dados do formulário em um JSON e gravar na API?
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/json
xhr.send()
, passamos os dados