即使您需要刷新多少次，如何让喜欢留下来

Question

正如你在第一张照片中看到的那样，有一个数字3.当我即将进入或只是刷新它时。见第二张照片。我的问题是，即使你刷新它，如何让3号保持稳定。

我的查看代码

  if(Auth::check()) { 
        echo ' <div class="pull-left" style="margin-left:80px" > <a class="vote upvote" data-product_id="'.$products[$product]->product_id.'" href="hehehe"> <span class="fa fa-thumbs-up"></span> </a> '; } echo   '<span class="vote_count"></span>'; if(Auth::check()) { echo    '<a class="vote downvote" data-product_id="'.$products[$product]->product_id.'" href="#"> <span class="fa fa-thumbs-down"></span> </a> </div>'; 
    }

Javascript代码

$('.vote').click(function(e) {
    e.preventDefault();
    var product_id = $(this).data('product_id');
    var voteCount = $(this).siblings('.vote_count');
    $(this).siblings('a.vote').removeClass('active');
    $(this).toggleClass('active');      
    if( !$(this).hasClass('active')){
        $.get("{{ URL::route('unvote') }}", {product_id: product_id}).done( function(data){
            console.log(data);
            voteCount.text(data[0].vote_count);
        });
    } else {

        if( $(this).hasClass('upvote')){
            $.get("{{ URL::route('upvote') }}", {product_id: product_id}).done(function(data){
                voteCount.text(data[0].vote_count);
            });
        } else {
            $.get("{{ URL::route('downvote') }}", {product_id: product_id}).done( function(data){
                voteCount.text(data[0].vote_count);
            });
        }
    }
});

Answer 1

根据您提供的代码，在用户点击或关闭之前，您似乎没有显示投票计数。尝试回显视图中的当前投票值，以便在加载页面时显示投票计数

查看代码

if(Auth::check()) { 
    echo '<div class="pull-left" style="margin-left:80px" > <a class="vote upvote" data-product_id="'.$products[$product]->product_id.'" href="hehehe"> <span class="fa fa-thumbs-up"></span> </a> '; 
} 
echo '<span class="vote_count">'.$products[$product]->vote_count.'</span>'; 
if(Auth::check()) { 
    echo '<a class="vote downvote" data-product_id="'.$products[$product]->product_id.'" href="#"> <span class="fa fa-thumbs-down"></span> </a> </div>'; 
}