-1

Estou tendo problema para o usuário enviar um e-mail através de um site. A estrutura que está é o seguinte:

Usuário preenche as informações no formulario e tenho um javascript que vai dar um post via ajax esse ajax vai chamar um método c# chamado FaleConoscoController.

Código HTML:

 <form method="post" id="contact-form" action="#" role="form">
                                <div class="form-group">
                                    <label class="sr-only" for="contact-name">Nome</label>
                                    <input type="text" class="form-control" id="Nome" name="Nome" placeholder="Nome">
                                    <small id="contact-name-help" class="form-text text-muted"></small>
                                </div>

                                <div class="form-group">
                                    <label class="sr-only" for="contact-email">Email</label>
                                    <input type="email" class="form-control" id="Email" name="Email" placeholder="E-mail">
                                    <small id="contact-email-help" class="form-text text-muted"></small>
                                </div>

                                <div class="form-group">
                                    <label class="sr-only" for="contact-email">Celular</label>
                                    <input type="text" name="Celular" id="Celular" placeholder="Celular ou Telefone" required="required" class="form-control celular" celular="true">
                                    <small id="contact-email-help" class="form-text text-muted"></small>
                                </div>

                                <div class="form-group">
                                    <label class="sr-only" for="contact-message">Mensagem</label>
                                    <textarea rows="10" class="form-control" id="Mensagem" name="Mensagem" placeholder="Mensagem"></textarea>
                                    <small id="contact-message-help" class="form-text text-muted"></small>
                                </div>

                                <button id="btnEnviarContato" type="button" class="btn btn-green-bright pull-right" >Enviar</button>


                                <div id="MensagemSucesso" class="success alert-success alert-dismissible alert" hidden role="alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Fechar"> <span aria-hidden="true">×</span> </button>
                                    Sua mensagem foi recebida com sucesso! Em breve entraremos em contato.
                                </div>
                                <div class="error alert-error alert" style="display:none">Ocorreu um erro.</div>
                                <div class="clearfix">
                                </div>
   </form>

Código Javascript:

  $('#btnEnviarContato').click(function () {

        enviarContato();
    });

function enviarContato() {

var nome = $('#Nome').val();
var email = $('#Email').val();
var celular = $('#Celular').val();
var mensagem = $('#Mensagem').val();

if (nome === '') {
    $('#Nome').focus();
    return;
}
if (email === '') {
    $('#Email').focus();
    return;
}
if (celular === '') {
    $('#Celular').focus();
    return;
}

if (mensagem === '') {
    $('#Mensagem').focus();
    return;
}

$.ajax({
    type: "post",
    url: "/FaleConosco/EnviarContato",
    data: {
        nome: nome, email: email, celular: celular, mensagem: mensagem
    },
    success: function (data) {
        $('#MensagemSucesso').removeAttr('hidden');

        $('#Nome').val('');
        $('#Email').val('');
        $('#Celular').val('');
        $('#Mensagem').val('');


    },
    error: function () {


    },
    complete: function () {

    }
});


};

Se o post for ok ai ele entra no meu método que vai fazer o backend

Controller:

 public class FaleConoscoController : Controller
{
    private readonly IRepositorio _repositorio;
    private IHostingEnvironment _env;

    public FaleConoscoController(IRepositorio repositorio, IHostingEnvironment env)
    {
        this._repositorio = repositorio;
        this._env = env;
    }

    [HttpPost]
    public async Task<IActionResult> EnviarContato(string nome, string email, string celular, string mensagem, string webRoot)
    {




        Email enviarEmail = new Email();
        await enviarEmail.Contato(nome, email, celular, mensagem, _env.WebRootPath);

        return Json(true);


    }

    public IActionResult Error() => View();
}

PROBLEMA: Não estou conseguindo dar o post via ajax para que ele faça a chamada para meu método.

3
  • Qual seria o problema?
    – Sam
    28/08/2019 às 15:19
  • Sam o problema seria na hora de dar o post, não consigo fazer com que ele entre em meu método url: "/FaleConosco/EnviarContato", 28/08/2019 às 15:20
  • No console do navegar também não é exibido nenhum erro do mesmo :/ 28/08/2019 às 15:22

1 Resposta 1

0

Pode ser que seus método não esteja recebendo corretamente seus parâmetros, tente adicionar o "[FromBody]" no seu método EnviarContato, ficando da seguinte forma:

 [HttpPost]
public async Task<IActionResult> EnviarContato([FromBody]string nome, string email, string  celular, string mensagem, string webRoot)
{

    Email enviarEmail = new Email();
    await enviarEmail.Contato(nome, email, celular, mensagem, _env.WebRootPath);

    return Json(true);


}

Dessa forma você meio que força a leitura do corpo da solicitação.

Da uma olhada em: https://docs.microsoft.com/pt-br/aspnet/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .