1

Bom dia! Estou usando o seguinte código para pegar o resultado de um formulário e jogá-lo na página sem precisar recarregar:

<script type="text/javascript"> // Script
    jQuery(document).ready(function(){
        jQuery('#ajax_form').submit(function(){
            var dados = jQuery( this ).serialize();

            jQuery.ajax({
                type: "POST",
                url: "salvaregistro.php",
                data: dados,
                success: function( data )
                {
                    document.getElementById('resultado').innerHTML = data;
                }
            });

            return false;
        });
    });
</script>

No entando este código somente lança o texto. Gostaria de saber se tem como aplicar o efeito fadein para o texto aparecer mais suave digamos...

3
  • Você sabia que você pode escolher uma das respostas dadas a você como a mais correta e que lhe ajudou mais? Eu vi que você não escolheu nenhuma resposta em nenhuma pergunta que você fez. Você não gostou de nada? Nenhuma lhe ajudou? Ou apenas não sabia disto? E também pode votar em tudo o que achar interessantes no site. Votar ajuda classificar conteúdo de qualidade. Você pode votar em todas as perguntas e respostas que achar que são úteis, não só em respostas dados em perguntas suas. Veja o tour para saber mais. Sugiro revisar todas as respostas e aceitar uma delas sempre que possível.
    – Maniero
    Commented 9/03/2015 às 12:28
  • Opa, acabei de escolhee a resposta
    – GGirotto
    Commented 9/03/2015 às 13:06
  • 1
    Ótimo, não esquece de revisar todas suas perguntas e ver onde dá para aceitar algum coisa como solução final para você. pt.stackoverflow.com/users/21825/guilherme?tab=questions
    – Maniero
    Commented 9/03/2015 às 13:11

2 Respostas 2

3

Coloca um display: none; no elemento #resultado e troca isso:

document.getElementById('resultado').innerHTML = data;

por isso:

$('#resultado').html(data).fadeIn();
6
  • Então mano funcionou perfeitamente, o problema é que não está pegando mais a classe da div: <div class='alert alert-danger' role='alert'>Por favor digite um Usuário!</div>
    – GGirotto
    Commented 18/02/2015 às 12:26
  • Não entendi. Essa é a div do resultado?
    – Lucas
    Commented 18/02/2015 às 12:29
  • Sim. No caso no arquivo .php de validação eu botei o seguinte: echo "<div class='alert alert-danger' role='alert'>Por favor digite um Usuário!</div>"; E quando o resultado aparece na oágina, ele não aparece com essa class aplicada, aparece com ela literalmente escrita... Imagme: puu.sh/g2bBN/307dbcc8a8.png
    – GGirotto
    Commented 18/02/2015 às 12:31
  • Ah, tem que trocar text() por html() então. Vou editar a resposta.
    – Lucas
    Commented 18/02/2015 às 12:32
  • Isso! Funcionou perfeitamente xD Muito obrigado!!
    – GGirotto
    Commented 18/02/2015 às 12:35
0

Tente com algo tipo assim:

<script type="text/javascript"> // Script
    jQuery(document).ready(function(){
        jQuery('#ajax_form').submit(function(){
            var dados = jQuery( this ).serialize();

            jQuery.ajax({
                type: "POST",
                url: "salvaregistro.php",
                data: dados,
                success: function( data ){
                    jQuery('#resultado').hide(0).html(data).fadeIn(400);
                }
            });

            return false;
        });
    });
</script>

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 .