博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
静态HTML页面的访问量统计实现
阅读量:6769 次
发布时间:2019-06-26

本文共 1012 字,大约阅读时间需要 3 分钟。

hot3.png

摘要:第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。
最近被博客折腾的快疯了,因为自己的想法实在太多,然后白天又要上班。最终还是强迫自己不要多想,一步步来,否则等下有一天真的要疯掉了,得不偿失。
第一步处理的就是文章页面的静态化,静态化之后,发现访问量统计成了一个问题。大家都知道的,静态页面的程序本身是不能调用数据库来实现当前页面访问量统计的,包括实现被访问次数、访问次数增加等功能。但是静态页面如果没有这么一个功能,却又总觉得比动态页面少了些什么。
首先想到的是在页面加载完,通过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; ?>);
整体实现还是挺简单的,分享下。

转载于:https://my.oschina.net/ailingling/blog/293274

你可能感兴趣的文章
安装SQLServer数据库
查看>>
chevereto搭建自己的图床站点
查看>>
shell 中的作业管理命令 fg bg jobs nohup
查看>>
社区+团购:看“团购电影票”怪现象
查看>>
Linux 是如何管理目录文件?
查看>>
Mac OS X下绑定80端口
查看>>
Oracle内存结构(01)--实例、数据库与SGA
查看>>
【CSS】【12】CSS盒子的display属性
查看>>
搞笑的金山软件
查看>>
脚本学习--数字的比较
查看>>
系统级各类MENU菜单学习笔记
查看>>
蚂蚁分类信息系统5.8 数据标签调用方法(-)
查看>>
基于ansible Role实现批量部署lamp平台
查看>>
linux中文件查找
查看>>
Linux从入门到精通系列之基础篇
查看>>
ORA-00600 [kjctr_pbmsg:badbmsg2]
查看>>
通过keepalived实现LVS的高可用,实现WEB的高可用
查看>>
解决windows终端服务器超出最大允许连接数
查看>>
ubuntu server 10.4下的DHCP服务配置
查看>>
《Effective C++》条款20宁以pass-by-reference-to-const替换pass-by-value
查看>>