网站日志系统的设计（一）

最新推荐文章于 2025-07-12 08:55:46 发布

xlvector

最新推荐文章于 2025-07-12 08:55:46 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

文章标签： ajax google 服务器 javascript php apache

本文链接：https://blog.csdn.net/xlvector/article/details/2415372

本文介绍了如何使用JavaScript设计网站日志系统，包括Ajax和Script方法。Ajax方法受限于跨域问题，而Script方法能够实现类似Google Analytics的效果，通过动态添加script标签，将用户行为数据发送到PHP脚本，进而存储到MySQL数据库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果要监测一个网站的流量，日志系统肯定是少不了的，可以用google analytics。但如果自己设计，可以获取更多的信息。

最简单的日志系统，是用服务器脚本，比如php来记录，这其实和apache的记录差不多。但这种方法无法跟踪用户的点击和鼠标。所以这种方法就不介绍了。

用javascript来设计网站的日志系统，可以用两种方法设计，Ajax或者script方法（这个方法没有标准的名字，所以暂时叫script方法）。

Ajax方法主要适用于记录本服务器网站的日志，这主要是因为ajax的跨域是比较困难的，我暂时还没有看到比较好的解决方法。对于一个大的网站，有几台服务器，这个方法就不好了，所以这个方法就不介绍了，估计google analytics也不是用这个方法做的。

script方法设计网站的日志系统，最终可以做出和Google一样的效果，就是只要在被统计网页中加入一个js代码，就可以统计了。这个方法的基本原理是动态的在html文件中加入script标签。

假设我们需要统计的网页是a.html 日志的js文件叫 log.js

那么我们只要在a.html的</body>前面加入以下代码

下面就是考虑log.js文件的设计了。

如果用户在a.html进行了某些行为，被log.js捕捉到了，log.js需要将这一个行为通知一个php文件，php文件复制将这一个行为写入到一个 mysql的数据库中。那么log.js通知log.php实现的方法就体现了script方法和ajax方法的区别。

如果a.html log.js和log.php 是在同一个域名下面的，就可以用ajax，但如果不是就只能用下面的方法了。

先看一下sendLog的代码：

function sendLog(act)