Chat with PHP, AJAX and Mysql

Question

Good community. I am working on this chat system, very simple.

I don’t understand why I don’t get messages in real time. I can only receive messages from another user if you close and open the div again, then the message appears.

How can I fix it? As I am not very comfortable with ajax I ask for your help.

I think the problem will be in the last function, message cycle:

function message_cycle()
{   
    $.ajax({
        url:'chat.class.php',
        type:'POST',
        data:'unread=true',

        dataType:'JSON',
        success:function(data){             
            $.each(data , function( index, obj ) {
                var user = index;                   
                var box  = $("#jd-chat").find("div#2").parents(".jd-user");

                $(".jd-online").find(".light").hide();

                $.each(obj, function( key, value ) {
                    if($.inArray(user,open) !== -1 )                                            
                        $(box).find(".jd-body").append("<span style='display:block'  class='other'> " + value + "</span>");                     
                    else            
                        snd.play();
                        $(".jd-online").find("span#" + user + " .light").show();        


                });
            });             
        }
    });
}

setInterval(message_cycle,1000);
});  

Any idea?

I found out where the problem was instead of div id = 2

var box = $("#jd-chat").find("div#2").parents(".jd-user");

called for by span that receives text from user Sender and user receiver

var box = $("#jd-chat").find(".me").parents(".jd-user");

she now receives the messages and soon shows the messages q exist without closing and open the div

Answer 1

Try to use and see if it solves

$(document).ready(function() {
$.ajaxSetup({ cache: false });
});

in so-called attempts

$.ajax({ 
url:'chat.class.php',
type:'POST',
cache:false,
...

Answer 2

Try to update your div temporarily...

javascript:

var tempo = window.setInterval(carrega, 1000);
function carrega()
{
$('#counteudo').load('teste.html');
}

in AJAX have an example here: http://rafaelcouto.com.br/atualizar-div-de-segundos-em-segundos-com-php-xajax/