许多的网站都有点赞功能,这不仅能提高网站的用户粘性,还能带动其他的用途。
比如说点赞越高的越排在前面等等。
今天小编分享的文章,就是使用jquery+ajax实现文章点赞功能,实例很简单。
比网上其他的一些方法简洁很多。
首先我们需要有一个点击的元素。
html代码点我赞一个吧99
然后就是核心的jquery代码了,我们要使用到ajax实现无刷新。
以下为javascript代码
$(document).on("click",".like",function(){
vardataid=$(this).attr("data-id");
varurl='santii.com/test/ajax.php?id='+dataid;
$.ajax({
url: url,
type:'get',
dataType:'json',
success:function(data){
$('.zan').html(data.html);
}
});
});
上面的js代码里面,我们有一个ajax文件。
这个文件里面,我们先获取url传过来的id。
然后根据id,使用update语句更新表里面存“点赞”的这个字段,每点击一次就加1。
然后再使用select语句获取对应id的“点赞”字段里面的数据,将结果存到数组里面,返回json数据。
可能有些小伙伴不知道如何获取返回的json数据,其实很简单。
php代码
<?php
//相关的sql语然,按照你自己的来,根据获取的id,update新"赞"那个字段,每点一次就+1
//然后再获取"赞"字段的最新值
$data=array(
"html"=>100//这里是获取到的点赞的最新值
);
}
echojson_encode($data);
?>
就是最后的那句“echo json_encode($data);”。
在js里面,因为我们定义的是data,所以获取数据的时候就是“data.html”对应php里面返回的数据。
就是这样,很简单的使用jquery+ajax就实现了文章的点赞功能。
本文转载自三体教程 ajax文章点赞 http://www.santii.com/article/28.html