快捷導(dǎo)航

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

更新時(shí)間：2016年10月10日 09:20:21 作者：夏天的風(fēng)

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

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

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

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

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

$countkey=$_GET['key'];//獲取要操作的計(jì)數(shù)key
if($countkey=="") exit;
if($_GET['action']=="add"){
  $cou=new counter($countkey);
  $cou->inc();//計(jì)數(shù)key對(duì)應(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 //這個(gè)類封裝的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);
  }
}

添加計(jì)數(shù)代碼

在你的文章內(nèi)容頁面，添加如下的Ajax請(qǐng)求代碼，該代碼是基于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中的鍵。我把該健存到一個(gè)隱藏的div身上，然后在使用Ajax的時(shí)候去獲取該div的內(nèi)容。Ajax中第一個(gè)get就是去訪問counter.php計(jì)數(shù)類，并且?guī)蠀?shù)，實(shí)現(xiàn)訪問加1. 第二個(gè)get就是取訪問值了,把取到的值放到相應(yīng)的地方中去。