快捷導(dǎo)航

Ajax實現(xiàn)對靜態(tài)頁面的文章訪問統(tǒng)計功能示例

更新時間：2016年10月10日 09:20:21 作者：夏天的風

這篇文章主要介紹了Ajax實現(xiàn)對靜態(tài)頁面的文章訪問統(tǒng)計功能,結(jié)合簡單實例形式分析了靜態(tài)頁面實現(xiàn)訪問統(tǒng)計功能的計數(shù)操作相關(guān)技巧,需要的朋友可以參考下

本文實例講述了Ajax實現(xiàn)對靜態(tài)頁面的文章訪問統(tǒng)計功能。分享給大家供大家參考，具體如下：

眾所周知，靜態(tài)頁面不僅速度快，而且對seo也有一定的幫助。前些日子，寫了一帖關(guān)于《在SAE平臺實現(xiàn)WordPress頁面純靜態(tài)化至KVDB》。我自己使用了一段時間后，發(fā)現(xiàn)提速確實很明顯。但是隨之而來的一個問題就是，由于文章靜態(tài)化后，頁面并不會經(jīng)過WordPress程序的處理，這樣就導(dǎo)致了文章的訪問量統(tǒng)計失效。當然，有一個叫做wp-postview的插件是可以解決這個問題的，但是我不是很喜歡插件，因為會拖慢整體的速度。所以這里就給出一個解決方案，就是使用Ajax來實現(xiàn)統(tǒng)計，同樣是基于SAE平臺的。

定義文章訪問統(tǒng)計類

這個其實在我前面的帖子里面已經(jīng)有提到過了KVDB+TaskQueue實現(xiàn)高效計數(shù)器,對這個做簡單修改即可。由于不經(jīng)過php處理，所以就不能使用隊列服務(wù)來計數(shù)。同樣定義計數(shù)類，并且放到網(wǎng)站根目錄下：

$countkey=$_GET['key'];//獲取要操作的計數(shù)key
if($countkey=="") exit;
if($_GET['action']=="add"){
  $cou=new counter($countkey);
  $cou->inc();//計數(shù)key對應(yīng)的值加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);
  }
}

添加計數(shù)代碼

在你的文章內(nèi)容頁面，添加如下的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的內(nèi)容。Ajax中第一個get就是去訪問counter.php計數(shù)類，并且?guī)蠀?shù)，實現(xiàn)訪問加1. 第二個get就是取訪問值了,把取到的值放到相應(yīng)的地方中去。