Ajax v praxi - Online uživatelé
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

Ajax v praxi - Online uživateléAjax v praxi - Online uživatelé

 

Ajax v praxi - Online uživatelé

Google       Google       21. 2. 2009       14 271×

V dnešním pokračování vám ukážu jak sledovat počet online uživatelů pomocí Ajaxu.

Reklama
Reklama

Tentokráte se podíváme na něco opravdu jednoduchého, sic existuje nepřeberné množství řešení, jak tento úkol provést. V ASP.NET to máte hotové za 10 vteřin, ale my se podíváme, jak to vyřešit pomocí Ajaxu a taky opět trochu zabrousíme do PHP. Vytvoříme si jednoduchý PHP script, který bude kontrolovat sessiony online uživatelů. Dále napíšeme 10 minutovou kontrolu aktivity uživatelů pro komplexnější výsledky. Uživatel, který sice je na stránkách, ale 10 minut nevykonal žádnou akci, bude brán jako offline. Tu dobu budeme zjišťovat pomocí funkce filemtime(), která nám vrací čas, kdy byl soubor naposledy upravován. Tento čas budeme odečítat od současného času a porovnávat s desetiminutovým limitem. Podle toho buďto budeme, nebo nebudeme přidávat proměnné $i vyšší hodnotu.

<?php
  define("MAX_IDLE_TIME", 10); 
  function online(){
    $cesta = session_save_path();
    if (trim($cesta) == "") {
      return FALSE;
    }

    $d = dir($cesta);
    $i = 0;
    while (false !== ($udaj = $d->read())) {
      if ($udaj != "." and $udaj != "..") {
        if (time() - filemtime($cesta . "/$udaj") < MAX_IDLE_TIME * 60 ) {
          $i++;
        }
      }
    }

    $d->close();
    return $i;
  }
?>

Nyní vytvoříme proměnnou, do které uložíme odkaz na php soubor s kódem počítadla. Dále definujeme proměnnou requestObejct a nakonec nastavíme časování na přehodnocení dat po jedné minutě.

var requestObject;
var odkaz = "http://ajaxpocitadlo.cz/pocitadlo.php";
window.setInterval("AJAXRequest()", 6000);

Ještě, než se vrhneme na JavaScipt, vytvoříme si DIV s identifikátorem online, kde budeme zobrazovat výsledky.

<div id="online"></div>

Teď se dostáváme k samotnému Ajaxu. Výše jsme již použili funkci AJAXRequest, nezbývá nám tedy, než ji vytvořit. Tato funkce bude mít klasickou výstavbu jako v předešlých dílech seriálu, čímž míním tříparametrovou metodu open(), dále metodu send() a onreadystatechange, která se bude dovolávat na další funkci reqChange(). Funkce reqChange() bude začínat kontrolou metody requestChange() a bude pokračovat pouze v případě výsledku 4. Dále bude následovat, z minulého dílu známá, kontrola správnosti vstupních dat pomocí metody indexOf(). Pokud budou obě podmínky splněny, vypíše se samotný počet uživatelů, v případě nesplnění bude vypsána chyba.

function AJAXRequest() {
  document.getElementById("online").innerHTML = "Získávám počet online uživatelů…";

  RequestObject.open("GET", odkaz , true);
  RequestObject.onreadystatechange = ReqChange;
  RequestObject.send(null); 
}

function ReqChange() {
  if (RequestObject.readyState == 4) {
    if (RequestObject.responseText.indexOf('invalid') == -1) { 	
      var msgs = RequestObject.responseText.split('|');
      document.getElementById("online").innerHTML = msgs[0] + " uživatelů online";
    } else {
      document.getElementById("online").innerHTML = "Při načítání dat nastala chyba.";
    }
  }
}

V příštím díle vám ukážu, jak vytvořit velmi jednoduchý Ajax formulář za použití PHP.

Zdroj: http://ajax.phpmagazine.net/

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

3 názory  —  3 nové  
Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Tomáš BobekAutor je designérem stránek (2D grafika), ovládá jazyky HTML, CSS, PHP, JavaScript a zajímá se o programování v Javě.Krom programujte.com se podílí na projektech maths.cz (jako redaktor a grafik), ceskewebstudio.cz (jako designér) a webber.cz (jako JavaScript scriptař). Ostatní volný čas rád tráví s přáteli nebo sportuje (tenis, nohejbal, hokejbal, závodně fotbal).
Web     Twitter     Facebook    

Nové články

Reklama
Reklama
Obrázek ke článku Facebook spouští službu Marketplace V ČR

Facebook spouští službu Marketplace V ČR

Společná platforma Marketplace usnadní lidem na Facebooku vyhledávání, nákup a prodej použitého zboží na lokální úrovni. Bude tak přímou konkurencí pro weby a aplikace se stejným zaměřením jako je například Letgo, Bazoš, Aukro, Sbazar a další.

Obrázek ke článku DistrCut – optimalizace pomocí distribuované inteligence

DistrCut – optimalizace pomocí distribuované inteligence

Optimalizační systémy, které jsem dosud popisoval, se týkaly vždy optimalizace na jednom zařízení. Optimalizovalo se dělení tyčového materiálu na jedné pile, vypalování plošného materiálu na jednom plazmovém stroji, řídilo se tavení na jedné elektrické obloukové peci.

Ve výrobním procesu je však často nutné optimalizovat činnost celého výrobního úseku, kde je více různých objektů odlišného typu a koordinovat činnost těchto objektů k dosažení společného cíle, zpravidla kvality finálního výrobku. Řešení tohoto problému umožňuje distribuovaná inteligence.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý