Estou desenvolvendo um site onde na página principal ele possui uma seção com um formulário. Esse formulário é para registrar e-mails para envio de newsletters. As demais páginas do site também possuem outros formulário e todas funcionam corretamente, exceto essa página principal.
COMO É O FUNCIONAMENTO?
É a forma mais simples possível. Há 2 campos input (Nome e E-mail) e 1 botão de enviar, conforme podem ver abaixo.
<section id="newsletter" class="newsletter bg-newsletter text-center">
<div class="container-fluid">
<div class="form-inline">
<span class="newsletter-text">RECEBA NEWSLETTERS</span>
<form id="formNewsLetter" accept-charset="utf-8">
<input type="hidden" name="Acao" value="NewsLetter">
<input type="hidden" name="adm_id" value="200">
<input type="text" class="form-control form-inline" name="nome" value="" placeholder="Nome">
<input type="email" class="form-control form-inline" name="email" value="" placeholder="E-mail">
<button type="submit" class="btn-newsletter">ENVIAR</button>
</form>
</div>
</div>
</section>
Ao clicar em "Enviar", o submit é ativado e tem uma função javascript/jquery
que processa os dados através do AJAX
. Daí em diante, os dados chegam no arquivo .PHP
e então funciona o procedimento de envio. Veja o código javascript
abaixo:
$("#formNewsLetter").submit(function(event){
event.preventDefault();
var data = $("#formNewsLetter").serialize();
$.ajax({
url: 'https://urldosite.com/sistema/Funcoes.php',
type: 'POST',
data: data,
success: function(response){
if(response.indexOf("alert-success") > -1){
$("#formNewsLetter").html("<br><div class='alert alert-success'><strong>SUCESSO!</strong> Email cadastrado com êxito!</div>");
} else {
console.log(response);
}
}
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
});
O QUE É O PROBLEMA?
O problema aqui é quando os dados "saem do formulário para irem serem processados no código javascript". Quando eu clico em "Enviar", a página redireciona e os dados do formulário ficam lá na URL
do site, conforme abaixo:
http://urldositeprincipal.com.br/?Acao=NewsLetter&adm_id=200&nome=Lougans&email=lougans99%40mail.com
OBS: Esse link é de um teste que eu fiz e enviei, então aparece isso na URL
do navegador;
O QUE JÁ TENTEI
- Enviar através do
method
e doaction
do<form>
(funciona certinho);
Olhar o devConsole (não exibe erros aparentemente);
O QUE TENHO CERTEZA DO QUE NÃO É O PROBLEMA
- Não é problema no arquivo
.PHP
que envia o e-mail;
É isso. Eu preciso da ajuda de vocês para entender o que está havendo. Já passei por algo assim antes mas o erro era bem claro, mas ao que parece isso ocorreu do nada. Até quarta-feira estava funcionando corretamente e agora isso começou a ocorrer apenas nesse formulário. O resto está completamente funcional.
NOTA: Eu adoraria que as respostas fossem em parte orientações sobre o problema identificado quanto também (isso pode vir depois e se você se sentir tranquilo em fazer isso) uma explicação desse comportamento (eu sei que é entre a minha página HTML
e o Javascript
.
Se precisarem de qualquer outra informação relevante para ajudar vocês na compreensão do meu problema, eu vou ficar feliz de editar a pergunta e acrescentar esses dados.
O meu MUITO OBRIGADO a todos que me ajudarem na resolução desses meus problemas!!!
success: