Php 我的jquery没有'；我不能自动更新我的页面_Php_Jquery_Html

Php 我的jquery没有'；我不能自动更新我的页面

php jquery html

Php 我的jquery没有'；我不能自动更新我的页面,php,jquery,html,Php,Jquery,Html,我实现了一个有五颗心的汇率系统的代码。我希望，当我选择投票的价值时，系统实现平均值，因为我必须更新页面。。它必须是自动与我的代码。。。我哪里做错了 my note.js $(function(){ $('.star').on('mouseover', function(){ var indice = $('.star').index(this); $('.star').removeClass('full'); for(var i = 0;

我实现了一个有五颗心的汇率系统的代码。我希望，当我选择投票的价值时，系统实现平均值，因为我必须更新页面。。它必须是自动与我的代码。。。我哪里做错了

my note.js

$(function(){
    $('.star').on('mouseover', function(){
        var indice = $('.star').index(this);
        $('.star').removeClass('full');
        for(var i = 0; i<= indice; i++){
            $('.star:eq('+i+')').addClass('full');  
        }
    }); 

    $('.star').on('mouseout', function(){
        $('.star').removeClass('full');
        });

    var average = $('.average').attr('data-average');
    function avaliacao(average){
        average = (Number(average)*20);
        $('.barra .bg').css('width', 0);
        $('.barra .bg').animate({width: average+'%'}, 500);
    }
    avaliacao(average);


    $('.star').on('click', function(){
        var artigoId = $('.artigoDados').attr('data-id');
        var ponto = $(this).attr('id');
        location.reload();
        $.post('sys/votar.php',{votar: 'sim', artigo: artigoId, ponto: ponto}, function(retorno){
        avaliacao(retorno.average);
        $('p.votos span').html(retorno.votos);

        }, 'jSON');

    });

});

$（函数（）{
$（'.star'）。在（'mouseover'，function（）上{
变量指数=$（'.star'）。指数（本）；
$（'.star'）.removeClass（'full'）；
对于（var i=0；i
您的sys/votar.php
code在哪里？您的行avaliacao（retrono.average）；
似乎与ajax调用不同步。请尝试运行该行，并在$.post（）成功后运行下一行。我添加了votar.php@cmorrissey@ntgCleaner我不知道怎么办，你能解释一下吗？你说的是“如果”成功->我返回代码很抱歉延迟。我读错了您的制表符缩进。您是对的。我必须尝试进一步调查。
<?php 

$bdd = new PDO('mysql:host=localhost;dbname=notation', 'root', 'root');

?>

<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/note.js"></script>
</head>


<body>

<?php
    $artigoId = (int)$_GET['artigo'];

    $artigos = $bdd->prepare('SELECT * FROM sys_note WHERE id_recette = ?');
    $artigos->execute(array($artigoId));
    while($row = $artigos->fetchObject()){
    echo '<h1>'.$row->titre_recette.'</h1>';
    $calculo = ($row->pontos == 0) ? 0 : round(($row->pontos/$row->votos), 1);
    echo '<span class="average" data-average="'.$calculo.'"></span>';
    echo '<span class="artigoDados" data-id="'.$row->id_recette.'"></span>';




?>

<div class="barra">
    <span class="bg"></span>
    <div class="estrelas">
    <?php for($i=1; $i<=5; $i++): ?>
    <span class ="star" id="<?php echo $i;?>">
    <span class="starAbsolute"></span>
    </span>
    <?php endfor;?>
    </div>
</div>
<p class="votos"><span><?php echo $row->votos;?></span>votes</p>
<?php }?>

</body>
</html>

<?php 

$bdd = new PDO('mysql:host=localhost;dbname=notation', 'root', 'root');

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    $artigo = (int)$_POST['artigo'];    
    $pontos = $_POST['ponto'];

    $pegaArtigo = $bdd->prepare('SELECT * FROM sys_note WHERE id_recette = ?');
    $pegaArtigo->execute(array($artigo));

    while($row = $pegaArtigo->fetchObject()){
        $votosUpd = $row->votos+1;
        $pontosUpd = $row->pontos+$pontos;
        $average = round(($pontosUpd/$votosUpd), 1);
        $update = $bdd->prepare('UPDATE sys_note SET votos = ?, pontos = ? WHERE id_recette = ?');
        if($update->execute(array($votosUpd, $pontosUpd, $artigo))){
        die(json_encode(array('average' => $average, 'votos' => $votosUpd)));   

        }

    }

}

?>