ajax异步加载分页评论带点赞功能

<script type="text/javascript" src="__ROOT__/Index/Tpl/Public/js/jquery.js"></script>
<script type="text/javascript" src="__ROOT__/Index/Tpl/Public/js/jquery.cookie.js"></script>
<a class='z' id="{$v.id}" href="javascript:void(0);">赞(<span>{$v.count}</span>)</a> 

//点赞,cookie实现只能点击一次的效果

<script>
    $(".z").live('click',function(){
       var Oa=$(this);
       var id=Oa.attr('id');//获取id属性
       var vl=Oa.find("span").text();
           vl=parseInt(vl)+1;
       if(!$.cookie(id)){
          $.post('{:U("Index/zan")}',{id:id},function(data){
             if(data.status==1){
                  alert('谢谢点赞');//模拟异步数据加1
                    $.cookie(id,id);//改变flag初始值,确保函数只执行一次
                    Oa.find("span").text(vl);//页面元素加1
             }
          },'json'); 

       }else{
           alert('您已经点过赞了,不要重复哦!');
       }
       return fale;
    });
</script>
public function zan(){
       $data['id']=isset($_POST['id'])?intval(trim($_POST['id'])):0;
       $db=M('status');
       if($db->where($data)->setInc('count')){
        $this->ajaxReturn($data,'ok',1);
      }else{
        $this->ajaxReturn($data,'fail',0);
      }
}
点赞(3) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部