Webサイトのオンライン人数をリアルタイムに表示するPHP+jqueryメソッド

Webサイトのオンライン人数をリアルタイムに表示するPHP+jqueryメソッド_PHPチュートリアル

WBOY

リリース： 2016-07-13 09:59:30

オリジナル

864 人が閲覧しました

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

この記事では主にPHP+jqueryでWebサイトのオンライン人数をリアルタイムに表示する方法を紹介します。オンライン人数のリアルタイム表示の原理とコード実装スキルを詳しく説明します。特定の参照値があり、必要な友達はそれを参照できます

この記事の例では、Web サイト上のオンライン人数をリアルタイムに表示する PHP+jquery の方法を説明します。参考のためにみんなで共有してください。具体的な分析は次のとおりです:

オンラインの人数を測定する最も簡単な方法は、js を使用して php を直接呼び出すことです。これにより、このサイトにアクセスした人数を表示できます。ページを更新せずにオンラインの人数をリアルタイムで表示したい場合は、次のようにします。これを実現するには jquery ajax を使用できます。

一部のアプリケーションでは、現在のオンライン人数、現在の総取引額、現在の為替レートなどのデータを動的に表示する必要があります。最新のデータを取得するには、フロントエンドページをリアルタイムで更新する必要があります。。ここでは、jQuery と PHP を使用して動的なデジタル表示効果を実現する方法を例とともに紹介します。

この例では、現在のオンラインユーザー数がページに動的に表示されることを前提としています (ページ全体を更新する必要はなく、動的数値を部分的に更新するだけです)。これは一部の統計プラットフォームでよく使用されます。 HTML ページで次の構造を定義するだけです:

コードは次のとおりです:

現在オンライン:

まず、アニメーションプロセスを定義し、jQuery の animate() 関数を使用して、ある数値から別の数値への変換プロセスを実現する必要があります。次の magic_number() カスタム関数は、次のようにコードを統合します。
[コード]関数 magic_number(値) {
var num = $("#number"); num.animate({カウント: 値}, {
持続時間: 500、
ステップ: function() {
num.text(String(parseInt(this.count))); }
}); };

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

コードは次のとおりです:

関数 update() {
$.getJSON("number.php?jsonp=?", function(data) {

マジックナンバー(データ.n); }); };

setInterval(update, 5000); // 5秒に1回実行します

update();

PHP コード部分:
実際のプロジェクトでは、PHP を使用してデータベース内の最新データを取得し、PHP を通じてフロントエンドに返します。デモをわかりやすくするために、この例では乱数を使用し、最終的に乱数を json 形式でフロントエンド js に返します。number.php コードは次のとおりです。
コードをコピーします。コードは次のとおりです:

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

原理は実際には非常に単純で、js settimeout を使用して php ファイルを数秒でロードし、オンラインの人数をリアルタイムで表示する機能を実現します。

この記事で説明した内容が皆様の PHP プログラミング設計に役立つことを願っています。

http://www.bkjia.com/PHPjc/975898.html

www.bkjia.com

truehttp://www.bkjia.com/PHPjc/975898.html