mysql+php+ajax实现点赞 浏览量

来源:互联网 发布:mac玩魔兽世界非常热 编辑:程序博客网 时间:2024/06/03 11:09

实现点赞和浏览量 当我们单机图片(小手赞)就会显示旁边数量+1  浏览量用时时刷新ajax来查询

1 建立pic数据表id,pic_name,pic_url,pic_love,pic_read,ip(或者openid)

   建立user用户表。。。里面有ip字段就可以  ,也可以根据openid来查询交互两个表

2 建立前台样式页面 从数据库里面查询并且内嵌式html页面里,简单说就是数据库表实现在前台页面

3 通过js来单击图片实现跳转把id传到后台

4 在后台接受到id,连接数据库,根据接受到的id查询表里面最后一条数据,此时可以根据mysql_num_rows判断是否点赞,没点过的update修改表里面字段,在select查询在传入到前台


扩展:这是数据库mysql,当时做过一个sql server2012数据库,没法根据后台用函数判断,就在前台jquery方法里面写了一个直可以单机一次的选择器,$(".img").one("click",function(){ }); ajax是当页面刷新就提交,传递两个页面,希望新手能看懂,纯手打,不喜勿喷,十分感谢!!


<p>
    <span>阅读</span><a class="yd" href="#"><?php echo $lx_read;?></a>&nbsp;&nbsp;&nbsp;
    <img class="img" src="img/<?php echo $lx_url;?>" alt="<?php echo $lx_name;?>" width=10 height=10 rel="<?php echo $lx_id;?>">
    <a class="zan" href="#" title="赞" ><?php echo $lx_love;?></a>
</p>


<script type="text/javascript">
    var img = document.getElementsByClassName('img')[0];
    img.onclick = function(){
        img.src ="img/7.png";
    }
    $(".img").one("click",function(){
        $.ajax({
            type:"POST",
            url:"problem_zan.php",
            data:"id="+id,
            cache:false,
            success:function(data){
                $('.zan').html(data);    
            }
        });


        return false;
    });
    $.ajax({
            type:"POST",
            url:"problem_liulan.php",
            data:"id="+id,
            cache:false,
            success:function(data){
                $('.yd').html(data);    
            }
        });
</script>

原创粉丝点击