这篇文章给大家分享的是有关php+js要如何实现点赞功能的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。
最近在做一个视频网站，需要实现视频的点赞功能，我是结合ajax和数据库实现的，数据库的格式为有四个字段：文章id,赞，踩，ip。因为需要一个ip只能点赞一次，所以需要一个ip字段存储点赞的ip,这样便于判断该ip是否已经点赞过了；
我将点赞和踩的图片做成两个按钮；具体代码如下：
<button id="vote" rel="<?php echo 文章id;?>">
<img src="点赞图片路径" alt="赞">
<span >
<span >
<?php if(!$vnum){echo 0;}else{ echo 点赞次数;} ?>
</span>
</button><button id="dvote" rel="<?php echo 文章id;?>">
<img src="踩图片路径" alt="踩" >
<span >
<?php if(!$dnum){echo 0;}else{ echo 踩次数;} ?>
</span>
</button>js程序
<script type="text/javascript">
$(function(){
var id=$("#vote").attr('rel');//获取到文章id;
$("#vote").click(function(){
$.get("传到哪个页面?id="+id,function(r){
alert(r);
window.location.reload();//点赞成功后刷新页面更新新的点赞次数
})
})
$("#dvote").click(function(){
$.get("/news/dvote?id="+id,function(r){
alert(r);
window.location.reload();
})
})
})
</script>我是用ci框架写，所以在news.php下面的vote方法和dvote方法代表的是赞和踩，具体代码如下
public function vote(){
$id=$_GET['id'];
$ip=getIP();
$getdata=$this->data_model;
$data=$getdata->get_vote_ip($id,$ip);
$msg="";
if(empty($data['ip']) || !$data['ip']){
$data=array('nid'=>$id,'vote'=>1,'ip'=>$ip);
$re=$getdata->insert_vote($data);
$msg.="点赞成功";
}else{
$msg.="一个ip只能操作一次";
}
echo $msg;
}
public function dvote(){
$id=$_GET['id'];
$ip=getIP();
$getdata=$this->data_model;
$data=$getdata->get_vote_ip($id,$ip);
//get_vote_ip($id,$ip),是在模型里面的查询该ip是否已经点赞过，具体代码 如下
//public function get_vote_ip($id,$ip){
// $query=$this->db->query("select * from 表名 where nid='{$id}' and ip='{$ip}'");
// $data=$query->result_array()[0];
// return $data;
// }
$msg="";
if(empty($data['ip']) || !$data['ip']){
$data=array('nid'=>$id,'dvote'=>0,'ip'=>$ip);
$re=$getdata->insert_vote($data);
$msg.="踩成功";
}else{
$msg.="一个ip只能操作一次";
}
echo $msg;
}点赞可以实现以后，就是需要将点赞数据进行更新，首先需要在数据库查询该篇文章所以的点赞信息
//获取点赞信息
public function get_vote($id){
$query=$this->db->query("select * from tx_vote where nid='{$id}'");
$data=$query->result_array();
return $data;
}获取信息返回到 控制器里面将赞和踩的信息循环分别存入到数据库中然后分别计算新的数组长度就可以获取赞和踩的次数了，这样的再html页面输出就可以了
感谢各位的阅读！关于php+js要如何实现点赞功能就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
