How to send a message without having to refresh the page?

0

If in doubt, I am available.

//obtem as informações do banco de dado com o methodo json_encode() php consulta.php
    //=====================================================
    function atualizarItems(){
            var items = "";
            $.getJSON('consulta.php', function(resultado){
                for(var i = 0; i < resultado.length; i++){
                    items += '<div>';
                    items += '<img class="avatarUser" src = "avatar/'+resultado[i].avatar+'" title="'+resultado[i].username+'">';
                    items += '<p class="nomeUser">' + resultado[i].username + '<p>';
                    items += '<p class="msgUser">' + resultado[i].mensagem + '<p>';
                    items += '<a href="delete.php?id='+resultado[i].id_post+'">delete</a>';
                    items += '</div>';
                }
                $('.comenUser').html(items);
            })
            //$.getJSON('consulta.php')
        }//<<<< tudo OK ate aqui
//======================================================
$(function () {
    $('#form_post').submit(function (event) {
        event.preventDefault(); //tira o efeito padrão

    var url = 'add_new_post.php'; //pagina do php para enviar os dado
    var el = $('#form_post').serialize(); //AQUI NEM PRECISO FALA    

    //aviso de erro
    var fail = '<p class="feed" ><i class="fa fa-angle-double-down fa-fw"></i> Erro..</p>';
    //aviso de nova mensagem
    var reload = '<p class="feed" ><i class="fa fa-angle-double-down fa-fw"></i> nova mensagem</p>';

    /*
    aqui e para quando clickar na nova mensagem a informações do usuario
    aparece no campo de comentario e a informaçao de nova mensagem desaparece...

    */
    var refresh = $('.feed');

        $.post(url, el, function () {
            $('.feed').html(reload).fadeIn(500);
            refresh.on('click', function (e) {
                e.preventDefault();
                $('#text_mensagem').val("");
                $('.feed').remove().fadeOut(500);
                atualizarItems();
            })
        })
    })
}())
//ate aqui esta tudo certo
/**
 * O problema é que quero pode enviar mais novas mensagem
 * tipo um loop quando vez eu quizer
 * sem precisa atualizar a pagina toda
 * /
    
asked by anonymous 08.02.2018 / 15:57

0 answers