靜態HTML頁面的訪問量統計實現

摘要:第一步處理的就是文章頁面的靜態化,靜態化以後,發現訪問量統計成了一個問題。你們都知道的,靜態頁面的程序自己是不能調用數據庫來實現當前頁面訪問量統計的,包括實現被訪問次數、訪問次數增長等功能。可是靜態頁面若是沒有這麼一個功能,卻又總以爲比動態頁面少了些什麼。 最近被博客折騰的快瘋了,由於本身的想法實在太多,而後白天又要上班。最終仍是強迫本身不要多想,一步步來,不然等下有一天真的要瘋掉了,得不償失。 第一步處理的就是文章頁面的靜態化,靜態化以後,發現訪問量統計成了一個問題。你們都知道的,靜態頁面的程序自己是不能調用數據庫來實現當前頁面訪問量統計的,包括實現被訪問次數、訪問次數增長等功能。可是靜態頁面若是沒有這麼一個功能,卻又總以爲比動態頁面少了些什麼。 首先想到的是在頁面加載完,經過js後臺ajax請求修改訪問數。 基於jquery寫一個咯:     <script>     $(function() {     $.get('update.php?id=1',{r:Math.random()});     //固然$.post()、$.ajax()等均可以咯。     //而後要記得加一個隨機數,由於若是不加的話,有的瀏覽器會認爲是同一個請求,而後不請求。     });     </script> 而後上網看了下,原來還有人這樣寫:     <script src="update.php?id=1"></script> 經測試,這樣也是可行的。 至於文章的id,在靜態化的過程當中,能夠直接賦值到頁面要請求的網址參數後。 update.php的話,就是鏈接數據庫,經過傳過來的文章id,更新訪問量的處理咯。 若是要實如今靜態頁面立刻顯示更新的數目的話: 方法一須要在ajax請求後調用回調函數,而後update.php返回新的訪問量,而後在回調函數中定位到顯示訪問量位置,替換成新的訪問量。 代碼實現:     $(function() {     $.get('update.php?id=1',{r:Math.random()},function(num) {     $('#hit').html(num);     });     }); 方法二則須要在update.php中,添加一句話:     document.write(<?php echo $num; ?>); 總體實現仍是挺簡單的,分享下。
相關文章
相關標籤/搜索