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

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

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

Node後端搭建

廢話不多說，建立一個js檔案，裡面我實現了一個簡單的Http伺服器（隨便寫的，可能有點亂）：

當有Http請求時，根據URL返回相應的資料：<喎?http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PGltZyBzcmM9"http://www.2cto.com/uploadfile/Collfiles/20140414/20140414085929246.jpg" alt="\">

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

前端實現

後端搭建好了以後，我們來設計首頁頁面。在已有的html中加入：

為了美觀，我這裡還為其設定了CSS樣式：

下面就是通過jQuery來查詢訪客資料了。思路就是使用ajax發起Http請求，那URL就是前面定義的”http://<主機>/status?visitors”，這裡會返回一個JSON字串，然後用eval解析獲得整數對象，再將其設定到指定id的標籤中即可！

What’s more

至此訪客統計的功能就完成了。當然，這裡還沒有實現資料的持久化，伺服器一關資料就沒了，因此我們還可以用相應資料庫來儲存資料。

然後來看看效果吧！