thinkphp6静态页面更新文章浏览量的代码

技术控 Loading... 阅读

thinkphp6静态页面更新文章浏览量的代码

完整的代码:

<!--更新浏览量,静态页面可更新-->
<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>

Tags:

版权声明:若无特殊注明,本文皆为《书蓝画青》原创,转载务必保留文章来源。

本文链接:thinkphp6静态页面更新文章浏览量的代码 & https://boke.slhq.cn/1490.html

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享