-1

我有这个喜欢的按钮代码我希望点击后喜欢的数字上升,但需要刷新页面我该怎么做:

    <script type="text/javascript">
jQuery(document).ready(function ($) { 
    $('body').on( 'click' , '.votebutton' , function(){
        var span = $(this).children('span');
        var no = parseInt($(this).text(), 10);
        $(span).text(++no);
        var _id = $(this).data('vote');
        $.ajax({
            type: 'POST',
            url: 'vote.php',
            data: { 
                id: _id
            }
        });
    });
});
</script>
<?php 
$q = mysql_query("SELECT * FROM vote");while($row = mysql_fetch_array($q)){
$item[] = $row;
foreach($item as $i){}
  echo "<button class='votebutton' data-vote='".$row[0]."'>Up vote</button><span>".$row[1]."</span>";
}
?>
4

2 回答 2

1

看起来你有两个选择。您可以 A) 使发布请求返回新的点赞数;或 B) 使用 jQuery 手动增加它,这会更快但不一定准确。

对于第一个选项,您可以将 AJAX 请求更改为类似

$.ajax({
    ...
}).done(update_count)

whereupdate_count是将请求作为参数并更新按钮计数的函数。这种方法速度较慢,但​​它会在每个实例中显示准确的类似计数,因为显示的值始终是数据库中的最新值。

对于第二个选项,您可以选择按钮的跨度并使用 jQuery 更新其值。这会稍微快一些,因为它不必等待 AJAX 查询完成,但它只会增加一次,即使其他人点击“like”按钮也是如此。

于 2013-07-13T18:36:25.430 回答
-1

用于location.reload();刷新页面。

于 2013-07-13T18:45:52.140 回答