Node.js + jQuery实现网站访客数统计

Node是一个很底层的玩意儿,http服务器这样的东西也需要我们来搭建,但恰恰是因为这样,我们就可以很灵活地实现一些前后端交互的工作。

 

下面就来看看这次我们做的这个访客统计。

Node后端搭建

废话不多说,建立一个js文件,里面我实现了一个简单的Http服务器(随便写的,可能有点乱):


 

当有Http请求时,根据URL返回相应的数据:


 

这样,我们的Node后端就搭建好了,虽然很简陋,但是基本的功能还是能够实现的!

前端实现

后端搭建好了以后,我们来设计主页页面。在已有的html中加入:


为了美观,我这里还为其设置了CSS样式:


 

下面就是通过jQuery来查询访客数据了。思路就是使用ajax发起Http请求,那URL就是前面定义的”http://<主机>/status?visitors”,这里会返回一个JSON字符串,然后用eval解析获得整数对象,再将其设置到指定id的标签中即可!


 

What’s more

至此访客统计的功能就完成了。当然,这里还没有实现数据的持久化,服务器一关数据就没了,因此我们还可以用相应数据库来保存数据。

 

然后来看看效果吧!



Node.js + jQuery实现网站访客数统计,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。