首页 > Web开发 > 详细

文章或者观点说说等点赞功能实现(thinkphp)

时间:2017-04-24 14:34:18      阅读:197      评论:0      收藏:0      [点我收藏+]

前端的代码:

<div class=‘btm‘><a class=‘zan‘ id="{$vo.id}" href="javascript:void(0);">赞(<span>{$vo.count}</span>)</a></div>

当然数据的处理用ajax,不过先要引入jquery和jquery.cookie.js,这个就自行百度下载吧。前端会用cookie来限制重复点赞的效果。

js部分:

$(".zan").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‘);//模拟异步数据加1
                            $.cookie(id,id);//改变flag初始值,确保函数只执行一次
                            Oa.find("span").text(vl);//页面元素加1
                     }

                  },‘json‘); 
                 
               }else{
                   alert(‘您已经点过赞了!‘);
               }
               return false;
           })

后端接收数据:IndexController.class.php

public function zan(){
      $data[‘id‘]=isset($_POST[‘id‘])?intval(trim($_POST[‘id‘])):0;
      $db=M(‘article‘);
      $res = $db->where($data)->setInc(‘zan‘);
      if($res){
        $this->ajaxReturn($data,‘ok‘,1);
        exit();
      }else{
        $this->ajaxReturn($data,‘fail‘,0);
        exit();
      }
    }

done!

文章或者观点说说等点赞功能实现(thinkphp)

原文:http://www.cnblogs.com/guoyachao/p/6756652.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!