实时 jQuery Ajax PHP 中的 UP 或 DOWN 投票

本文介绍了实时 jQuery Ajax PHP 中的 UP 或 DOWN 投票的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！

问题描述

好的，下面是我正在做的事情的简要说明:我有一个网站，人们可以在其中投票支持或反对冠军".这些冠军从 100 点生命值开始.如果你对一个特定的英雄进行 UP 投票，他们的生命值现在是 101.DOWN 投票是 99.

Alright, here's a quick explanation of what I am doing: I have a website where people can vote UP or DOWN to a "champion." These champions start with 100 health. If you were to UP vote a specific champion, their health would now be 101. DOWN voting it would be 99.

这个网站已经启动并运行了 5 个赛季(有超过 1200 名成员在玩).所以有很多投票同时进行.现在一切正常.但是，在下个赛季，我将实现 jquery/ajax 以进行实时"投票(因此页面不需要在您每次投票时刷新).

This site is up and running and has been for 5 seasons now (there's over 1200 members that play). So there's a lot of voting going on at once. It all works fine now. BUT, for this next season, I will be implementing jquery/ajax for "real-time" voting (so the page doesn't need to refresh every time you vote).

我现在遇到的困难是，首先，我对 ajax/js 并不擅长.但是，主要问题是当有人点击投票时，我需要一种方法来从数据库中获取实时数据，然后将其放入 jquery/ajax 查询中，然后实时输出真实数据(或至少我觉得这是应该做的).

The struggle I am having right now with this is, first off, I am not great with ajax/js. However, the main issue is when someone clicks a vote, I need a way to grab the LIVE data from the DB and then throw that into the jquery/ajax query and then output the real data, in real-time (or at least I feel this is what should be done).

还有第二部分……人们每小时可以投票 3 次.页面顶部有一条通知，显示他们还剩多少票，您还有 3 个操作."这又是一次，按原样工作正常，但我想还需要使用 ajax 进行修复才能实现实时性.

There is also a second part to this...people are allowed to vote 3x per hour. There is a notification at the top of the page showing them how many votes they have left, "You have 3 actions remaining." This is again, working fine as is, but I imagine would need to be fixed in with the ajax to be real-time as well.

我希望我解释得足够好.如果没有，请告诉我！任何帮助将不胜感激！

I hope I explained this well enough. If not, please let me know! Any help would be greatly appreciated!

代码:

$("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>');
            }
        });
    });
});

实时 jQuery Ajax PHP 中的 UP 或 DOWN 投票

问题描述

推荐答案

相关文档推荐