完整的代码:
<!--更新浏览量,静态页面可更新--> <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>