Logo Hardware.com.br
vrnkl
vrnkl Novo Membro Registrado
43 Mensagens 0 Curtidas

Ocultar div após request Ajax

#1 Por vrnkl 12/05/2018 - 08:56
Estou realizando um formulário em ajax e estou tendo alguns problemas na parte jQuery/Ajax.

O formulário é enviado corretamente porém queria que ao ter sucesso no envio, ocultasse o form_envia_mensagem e exibisse uma div com mensagem "mensagem enviada".

Como poderia resolver esse problema?

$('#form_envia_mensagem').submit(function(event){

event.preventDefault();
var dados = $('#form_envia_mensagem').serialize();
$.ajax({
method:'POST',
dataType:'json',
url:'http://meulinklink.com.br/post',
async:true,
data: dados,
success:function(response){
$('#form_msg_ao_vivo').hide();

$('#mensagem-enviada').show();
}
});
$("[HASHTAG]#mensagem[/HASHTAG]").val("");

returnfalse;

});
Anexo do post

Anexos

esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#6 Por esquiloesper...
13/05/2018 - 14:46
Parece que você ainda não entendeu a finalidade de um fórum na Web.

Quando você encontra uma solução e a publica como resposta, em um futuro próximo ela passa a servir tanto para a sua própria consulta quanto para ajudar outras pessoas que tiverem o mesmo problema.

Como pode ver, responder a quem ajuda não se trata de boa educação ou cortesia apenas, mas de colaboração mutua.
Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
Marco Jota
Marco Jota Novo Membro Registrado
28 Mensagens 3 Curtidas
#7 Por Marco Jota
18/05/2018 - 12:50
Na função de success seria interessante você dar o show da div ali mesmo.
Vou responder sua pergunta em Javascript puro, não há necessidade de uso do jQuery;

const form = document.getElementById('form_envia_mensagem');
form.addEventListener('submit', function (event) {

event.preventDefault();
const dados = form.serialize(); // Usarei jQuery aqui pois não tenho mais informações sobre

return fetch('http://meulinklink.com.br/post', { method: 'POST', data: dados })

.then(function (response) {
const msgAoVivo = document.getElementById('form_msg_ao_vivo');
msgAoVivo.hide();
const msgEnviada = document.getElementById('mensagem-enviada').show();

});

}

}

Provavelmente este código não funcionará de primeira, porém a lógica é a mesma!
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal