Tudo bem, aqui está uma explicação rápida do que estou fazendo: tenho um site onde as pessoas podem votar em CIMA ou BAIXO para um "campeão". Esses campeões começam com 100 pontos de vida. Se você votasse para cima em um campeão específico, a saúde deles agora seria 101. A votação PARA BAIXO seria 99.

Este site está em funcionamento e está em vigor há 5 temporadas (há mais de 1200 membros que jogam). Portanto, há muitas votações ao mesmo tempo. Tudo funciona bem agora. MAS, para esta próxima temporada, implementarei o jquery / ajax para votação em "tempo real" (para que a página não precise ser atualizada toda vez que você votar).

A luta que estou tendo agora com isso é, primeiro, não sou boa com ajax / js. No entanto, o problema principal é que quando alguém clica em uma votação, eu preciso de uma maneira de pegar os dados LIVE do banco de dados e depois jogá-los na consulta jquery / ajax e depois gerar os dados reais, em tempo real (ou pelo menos eu sinta que é isso que deve ser feito).

Há também uma segunda parte disso ... as pessoas podem votar 3x por hora. Há uma notificação na parte superior da página mostrando a eles quantos votos restam: "Você tem 3 ações restantes". Novamente, está funcionando bem, mas imagino que precisaria ser corrigido com o ajax para ser em tempo real també

Espero ter explicado isso bem o suficiente. Se não, por favor me avise! Qualquer ajuda seria muito apreciada

CÓDIGO

$("a.vote-heal").click(function(){
    var votes;
    var champ;
    var health;
    champ = $(this).attr('id');

    votes = $("#votesLeft").text();
    votes--;

    //the main ajax request
    $.getJSON("/load-champ.php?champ="+champ, function(data) {
        $.each(data, function(i,data) {
            health = data.health;
            health++;
        });
        $.ajax({
            type: "POST",
            url: "/votes.php",
            data: "champ="+champ+"&action=heal",
            success: function(msg) {
                $('#'+champ+' .health-inner').html(health);
                $('#header .vote-remain').html('You have <strong><span id="votesLeft">'+votes+'</span> Actions</strong> remaining');
                $('#'+champ+' .voting').html('<a id='+champ+'" class="button vote-hurt" href="javascript:;">Hurt '+champ+'</a><div class="button vote-heal action-tooltip">Heal '+champ+'</div>');
            }
        });
    });
});