首页 > Web开发 > 详细

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

时间:2014-04-13 20:16:59      阅读:592      评论:0      收藏:0      [点我收藏+]

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

 

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

Node后端搭建

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

bubuko.com,布布扣

 

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

bubuko.com,布布扣

 

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

前端实现

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

bubuko.com,布布扣

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

bubuko.com,布布扣

 

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

bubuko.com,布布扣

 

What’s more

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

 

然后来看看效果吧!


bubuko.com,布布扣

Node.js + jQuery实现网站访客数统计,布布扣,bubuko.com

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

原文:http://blog.csdn.net/unixzii/article/details/23607667

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!