完整的代码:
<!--更新浏览量,静态页面可更新-->
<script language="javascript" type="text/javascript">
var urla = window.location.host;
$.ajax({
url: 'https://'+urla+"/api/addview" ,
type: "get",
async: false,
loading: false,
data: {"aid": {$item.id}},
dataType: "json",
success: function(res) {
if(res.code==1){
var data=res.data;
$('#saonian').html(data.view);
}
}
});
</script>
如何使用:url 是你的后台更新文章阅读量的接口代码,我这里是使用的接口,如果没有也可以自己定义一个更新数据的function函数来实现。
data中包含的就是你需要传输进函数处理的内容,比如说当前的文章id要传输进去,后台的函数先判断是不是我前台传过来的,然后在根据id去做一个加法再返回当前这个id的阅读数。
注意:url 也是可以通过thinkphp的路由功能实现简化的。
之后在 success 返回中怎么处理问题是取决你定义的更新数据接口返回的json格式,这里建议使用json,用array也行,记得举一反三修改就好。
如何在静态页面中显示当前文章的阅读数量?
把上面的代码放在页面的底部,之后在你需要展示的地方粘贴下面的代码就行了。
<span id="saonian">wait...</span>
正文结束