zoukankan      html  css  js  c++  java
  • 文章或者观点说说等点赞功能实现(thinkphp)

    前端的代码:

    <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!

  • 相关阅读:
    Java面向对象编程 -1.3
    Java面向对象编程 -1.2
    Java面向对象编程 -1
    Java基础 -5.3
    Java基础 -5.2
    oracle 新建用户
    js密码的匹配正则
    oracle导入和导出和授权
    oracle存储过程语法
    java.lang.NumberFormatException: For input string: "26.0"
  • 原文地址:https://www.cnblogs.com/guoyachao/p/6756652.html
Copyright © 2011-2022 走看看