Node.js + jQuery實現網站訪客數統計

Node是一個很底層的玩意兒,http服務器這樣的東西也需要我們來搭建,但恰恰是因為這樣,我們就可以很靈活地實現一些前後端交互的工作。

下面就來看看這次我們做的這個訪客統計。

Node後端搭建

廢話不多說,建立一個js文件,裡面我實現瞭一個簡單的Http服務器(隨便寫的,可能有點亂):

當有Http請求時,根據URL返回相應的數據:vcD4KPHA+PGltZyBzcmM9″https://www.2cto.com/uploadfile/Collfiles/20140414/20140414085929246.jpg” alt=”\”>

這樣,我們的Node後端就搭建好瞭,雖然很簡陋,但是基本的功能還是能夠實現的!

前端實現

後端搭建好瞭以後,我們來設計主頁頁面。在已有的html中加入:

為瞭美觀,我這裡還為其設置瞭CSS樣式:

下面就是通過jQuery來查詢訪客數據瞭。思路就是使用ajax發起Http請求,那URL就是前面定義的”https:///status?visitors”,這裡會返回一個JSON字符串,然後用eval解析獲得整數對象,再將其設置到指定id的標簽中即可!

What’s more

至此訪客統計的功能就完成瞭。當然,這裡還沒有實現數據的持久化,服務器一關數據就沒瞭,因此我們還可以用相應數據庫來保存數據。

然後來看看效果吧!

發佈留言