Bom dia Pessoal!!
Para quem está querendo testar os códigos sem o uso de jquery, segue como fiz a validação usando JS puro:
Usando Jquery:
$.ajax({
url: 'http://cdc-react.herokuapp.com/api/autores',
contentType: 'application/json',
dataType: 'json',
type: 'post',
data: JSON.stringify({ nome: this.state.nome, email: this.state.email, senha: this.state.senha }),
success: function (novaListagem) {
PubSub.publish('atualiza-lista-autores', novaListagem);
},
error: function (resposta) {
if (resposta.status === 400) {
new TratadorErros().publicaErros(resposta.responseJSON);
}
}
});
Usando JS puro:
enviaForm(evento) {
evento.preventDefault();
fetch("http://cdc-react.herokuapp.com/api/autores", {
method: 'POST',
body: JSON.stringify({ nome: this.state.nome, email: this.state.email, senha: this.state.senha }),
headers: { 'Content-Type': 'application/json' }
}).then(res => res.json())
.then(response => response.status === 400 ? new TratadorErros().publicaErros(response.errors) : PubSub.publish('atualiza-lista-autores', response))
.catch(error => console.error('Error:', error));
}
Espero ter ajudado!!! ;)