Ajax實現對靜態頁面的文章訪問統計功能樣本_php技巧

本文執行個體講述了Ajax實現對靜態頁面的文章訪問統計功能。分享給大家供大家參考，具體如下：

眾所周知，靜態頁面不僅速度快，而且對seo也有一定的協助。前些日子，寫了一帖關於《在SAE平台實現WordPress頁面純靜態化至KVDB》。我自己使用了一段時間後，發現提速確實很明顯。但是隨之而來的一個問題就是，由於文章靜態化後，頁面並不會經過WordPress程式的處理，這樣就導致了文章的訪問量統計失效。當然，有一個叫做wp-postview的外掛程式是可以解決這個問題的，但是我不是很喜歡外掛程式，因為會拖慢整體的速度。所以這裡就給出一個解決方案，就是使用Ajax來實現統計，同樣是基於SAE平台的。

定義文章訪問統計類

這個其實在我前面的文章裡面已經有提到過了KVDB+TaskQueue實現高效計數器,對這個做簡單修改即可。由於不經過php處理，所以就不能使用佇列服務來計數。同樣定義計數類，並且放到網站根目錄下：

$countkey=$_GET['key'];//擷取要操作的計數keyif($countkey=="") exit;if($_GET['action']=="add"){  $cou=new counter($countkey);  $cou->inc();//計數key對應的值加1}elseif($_GET['action']=="get"){  $cou=new counter($countkey);  echo $cou->get();}class counter {  private $kvdb;  private $key;  public function __construct($key){    $this->kvdb=new CKvdb();    $this->key=$key;  }  public function inc(){    $num=$this->kvdb->get($this->key)+1;    $this->kvdb->set($this->key,$num);    return $num;  }  public function dec(){    $num=$this->kvdb->get($this->key)-1;    $this->kvdb->set($this->key,$num);    return $num;  }  public function get(){    $num=$this->kvdb->get($this->key);    return intval($num);  }}class CKvdb //這個類封裝的kvdb操作。{  private $db;  function __construct(){    $this->db=new SaeKv();    $this->db->init();  }  public function set($key,$value)  {    $this->db->set($key,$value);  }  public function get($key)  {    return $this->db->get($key);  }}

添加計數代碼

在你的文章內容頁面，添加如下的Ajax請求代碼，該代碼是基於jQuery的：

var keyTemp = $('#postTemp').text();$.get('http://localhost/counter.php',{ action:'add',key:keyTemp });$.get('http://localhost/counter.php',{ action:'get',key:keyTemp },function(data){    $('#view').text(data+' Views');});

keyTemp變數就是文章的別名，即存入KVDB中的鍵。我把該健存到一個隱藏的div身上，然後在使用Ajax的時候去擷取該div的內容。Ajax中第一個get就是去訪問counter.php計數類，並且帶上參數，實現訪問加1. 第二個get就是取訪問值了,把取到的值放到相應的地方中去。

更多關於PHP相關內容感興趣的讀者可查看本站專題：《PHP+ajax技巧與應用小結》、《PHP運算與運算子用法總結》、《PHP網路編程技巧總結》、《PHP基本文法入門教程》、《php操作office文檔技巧總結(包括word,excel,access,ppt)》、《php日期與時間用法總結》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教程》及《php常見資料庫操作技巧匯總》

希望本文所述對大家PHP程式設計有所協助。