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
至此訪客統計的功能就完成瞭。當然,這裡還沒有實現數據的持久化,服務器一關數據就沒瞭,因此我們還可以用相應數據庫來保存數據。
然後來看看效果吧!