静态HTML页面的访问量统计实现

摘要:第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

最近被博客折腾的快疯了,因为自己的想法实在太多,然后白天又要上班。最终还是强迫自己不要多想,一步步来,否则等下有一天真的要疯掉了,得不偿失。

第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。

首先想到的是在页面加载完,通过js后台ajax请求修改访问数。

基于jquery写一个咯:

<script>
$(function() {
    $.get('update.php?id=1',{r:Math.random()});
    //当然$.post()、$.ajax()等都可以咯。
    //然后要记得加一个随机数,因为如果不加的话,有的浏览器会认为是同一个请求,然后不请求。
});
</script>

然后上网看了下,原来还有人这样写:

<script src="update.php?id=1"></script>

经测试,这样也是可行的。

至于文章的id,在静态化的过程中,可以直接赋值到页面要请求的网址参数后。

update.php的话,就是连接数据库,通过传过来的文章id,更新访问量的处理咯。

如果要实现在静态页面马上显示更新的数目的话:
方法一需要在ajax请求后调用回调函数,然后update.php返回新的访问量,然后在回调函数中定位到显示访问量位置,替换成新的访问量。
代码实现:

$(function() {
    $.get('update.php?id=1',{r:Math.random()},function(num) {
        $('#hit').html(num);    
    });
});

方法二则需要在update.php中,添加一句话:

document.write(<?php echo $num; ?>);

整体实现还是挺简单的,分享下。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/98531.html

(0)
上一篇 2021年8月21日
下一篇 2021年8月21日

相关推荐

发表回复

登录后才能评论