PHP+jquery Webサイトのオンライン人数をリアルタイムで表示する方法

この例では、PHP+jqueryがWebサイトのオンライン人数をリアルタイムで表示する方法について説明します.皆さんの参考にしてください.具体的な分析は以下の通りである.
オンライン人数が最も簡単なのは、jsを直接利用してphpを呼び出すことです.これにより、当駅にアクセスした人が何人いるかを表示することができます.ユーザーがページをリフレッシュしていない状態でリアルタイムにユーザーのオンライン人数を表示するには、jquery ajaxを利用して実現することができます.
一部のアプリケーションでは、現在のオンライン人数、現在の取引総額、現在の為替レートなど、データを動的に表示する必要があります.フロントエンドページでは、最新のデータをリアルタイムでリフレッシュして取得する必要があります.ここでは,jQueryとPHPを用いた動的デジタルディスプレイの実現例を紹介する.
この例では、現在のオンラインユーザー数(ページ全体をリフレッシュする必要はなく、動的数値をローカルにリフレッシュするだけ)をページに動的に表示すると仮定し、統計プラットフォームで一般的に適用されます.HTMLページでは、以下の構造を定義するだけです.

   
    ：
 
   
  
             ，  jQuery animate()                    ，  magic_number()            ：
  
 [code]function magic_number(value) { 
     var num = $("#number"); 
     num.animate({count: value}, { 
         duration: 500, 
         step: function() { 
             num.text(String(parseInt(this.count))); 
         } 
     }); 
 };
 
 

そしてupdate()関数はjQueryの$を用いる.getJSON()バックグラウンドnumber.phpはajaxリクエストを送信し、PHP対応を取得したらmagic_を呼び出すnumber()は最新の数字を示します.より良い効果を見るためにsetInterval()を使用してコード実行の間隔を設定します.
 

   function update() { 
  
     $.getJSON("number.php?jsonp=?", function(data) { 
  
         magic_number(data.n); 
  
     }); 
  
 }; 
  
   
  
 setInterval(update, 5000); //5       
  
 update(); 
 

PHPコード部分:
実際のプロジェクトでは、PHPを使用してデータベースの最新データを取得し、PHPを介してフロントエンドに戻ります.この例では、より良いプレゼンテーションのために、ランダムな数字を用いる、最後にjson形式でフロントエンドjs,numberに返す.phpコードは次のとおりです.

   $total_data = array( 
  
     'n' => rand(0,999) 
  
 );     
  
 echo $_GET['jsonp'].'('. json_encode($total_data) . ')'; 
 

原理は実はとても簡単でjs settimeoutを利用して数秒でphpファイルをロードしてオンライン人数をリアルタイムで表示する機能を実現しました.
本稿で述べたphpプログラム設計に役立つことを願っています.