0

boa noite, tenho o seguinte ajax:

jQuery('#form-contato').submit(function(){

    var nome  = $(this).find('[name="nome"]').val();
    var email = $(this).find('[name="email"]').val();
    var assunto   = $(this).find('[name="assunto"]').val();
    var mensagem   = $(this).find('[name="mensagem"]').val();

    var dados = "&nome=" + nome + "&email=" + email + "&assunto=" + assunto + "&mensagem=" + mensagem;

    jQuery.ajax({
        type: "POST",
        url: "send_contato.php",
        async: true,
        data: dados,
        success: function(data){
          openModal(nome + ", sua mensagem foi enviada com sucesso, em breve entraremos em contato!","success");            
        },
        error: function(data){
            openModal("Houve um erro","error");            
        }
    });

    return false;
});

ele funciona no desktop, mas no celular sempre dispara mensagem de erro, e o email chega vazio.

1 Resposta 1

0

Deve ser a falta de encode nas variáveis:

var dados = "&nome=" + encodeUri(nome) + "&email=" + encodeUri(email) + "&assunto=" + encodeUri(assunto) + "&mensagem=" + encodeUri(mensagem);

No entanto assim é difícil, você pode preferir {}, assim o jQuery já codifica sozinho, outra coisa que você pode fazer é depurar o erro, assim:

error: function(xhr, textStatus, thrownError) {
    openModal("Houve um erro", "Erro (" + xhr.status +") - detalhes: " + textStatus);
}

O código todo deve ficar assim:

jQuery('#form-contato').submit(function(){

    var nome  = $(this).find('[name="nome"]').val();
    var email = $(this).find('[name="email"]').val();
    var assunto   = $(this).find('[name="assunto"]').val();
    var mensagem   = $(this).find('[name="mensagem"]').val();

    var dados = {
        "nome": nome,
        "email": email,
        "assunto": assunto,
        "mensagem": mensagem
    };

    jQuery.ajax({
        type: "POST",
        url: "send_contato.php",
        async: true,
        data: dados,
        success: function(data){
          openModal(nome + ", sua mensagem foi enviada com sucesso, em breve entraremos em contato!","success");
        },
        error: function(xhr, textStatus, thrownError) {
            openModal("Erro (" + xhr.status +") - detalhes: " + textStatus, "error");
        }
    });

    return false;
});

Outra coisa, você pode trocar o success e erro por .done e .fail (o async já é true por padrão):

var dados = {
    "nome": nome,
    "email": email,
    "assunto": assunto,
    "mensagem": mensagem
};

jQuery.ajax({
    type: "POST",
    url: "send_contato.php",
    data: dados
})
.done(function(data){
  openModal(nome + ", sua mensagem foi enviada com sucesso, em breve entraremos em contato!","success");
})
.fail(function(xhr, textStatus, thrownError) {
    openModal("Erro (" + xhr.status +") - detalhes: " + textStatus, "error");
});
2
  • 1
    Fiz a alteração de dados para um array, igual vc mostrou e já funcionou, valeu. Commented 10/12/2016 às 17:14
  • @Machado por nada!
    – Syzoth
    Commented 10/12/2016 às 17:15

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 .