pbootcms通过点赞实现Ajax在线投票功能教程

pbootcms通过点赞实现Ajax在线投票功能教程

投票其实就是点赞,实现逻辑是一样的。这次我还是用点赞来实现每日投票三次的效果。

实现步骤

1、文件位置:apps/api/controller/DoController.php,第24行,用以下代码替换likes方法。

// 点赞
public function likes()
{
    if (! ! $id = request('id', 'int')) {
        if( ! cookie('likes_' . $id) || cookie('likes_' . $id)<3 ){
            $i = cookie('likes_' . $id)?:0;
            $i=$i+1;
            $this->model->addLikes($id);
            cookie('likes_' . $id, $i, 86400, null, null, null, null);
            json(1, '投票成功');
        }else{
            json(0, '24小时内只能投票3次哦!');
        }
    } else {
        json(0, '投票失败');
    }
}

2、部分HTML代码

<button type="button" id="votebtn">投票</button><span id="likes-num">{content:likes}</span>

3、Ajax部分代码

<script>
$(function({
$(document).on( ' click" , " #votebtn " ,function({var url=" /api.php/do/likes/id/"+{content: id};$.post(ur1,function(msg){
if(msg.code){
i/获取数据成功
$num = parseInt($("#likes-num ').text();$("#likes-num" ).text($num+1);
alert(msg.data);
}else{
//返回错误数据alert(msg.data);}
}."json ');}
})
</script>

到此,功能实现完成。

注意事项

本文演示关闭了后台的API接口验证。如果您相关设置,请自行修改ajax部分代码。如果你学会了,请动动小手点个赞。

分享到 :
相关推荐