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

最新推荐文章于 2021-08-06 01:03:24 发布

weixin_30362801

最新推荐文章于 2021-08-06 01:03:24 发布

阅读量158

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/guoyachao/p/6283131.html

版权

<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实现只能点击一次的效果
           $(".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;
           })

    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);
      }
       

    }