1
resposta

Erro no POST quando retiro o evento.preventdefault() do código

Olá pessoal,

Quando eu comento a linha que contém o código do preventDefault(), a minha requisição POST para de funcionar.

A tela aponta para um mensagem CANNOT POST .

Alguém poderia me ajudar a entender o motivo? Eu estava esperando que o POSTO fosse realizado normalmente e o componente fosse renderizado novamente.

 enviaDados(evento){

    evento.preventDefault();
    console.log("Enviando Dados...");
    $.ajax({
      url:"http://localhost:8010/api_post",
      contentType:'application/json',
      dataType:'json',
      type:'post',
      data: JSON.stringify({nome:this.state.nome,email:this.state.email,senha:this.state.senha}),
      success: function(resposta){
        this.setState({lista:resposta});        
      }.bind(this),
      error: function(resposta){
        console.log("erro");
      }      
    });
  }
1 resposta

O preventDefault é necessário para evitar o comportamento padrão do navegador quando você aperta o botão, que é o de recarregar a tela. Se você vai fazer um ajax, precisa invocar o método.