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

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

 

Ajax v praxi - Online uživatelé

Google       Google       21. 2. 2009       13 844×

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 Nový IT hráč na českém trhu

Nový IT hráč na českém trhu

V roce 2015 otevřela v Praze na Pankráci v budově City Tower své kanceláře společnost EPAM Systems (NYSE:EPAM), jejíž centrála se nachází v USA. Společnost byla založená v roce 1993 a od té doby prošla velkým vývojem a stále roste.

Obrázek ke článku České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace opět hledají nejlepší nápady pro internet věcí

České Radiokomunikace (CRA) pořádají druhý ročník CRA IoT Hackathonů. Zájemci z řad vývojářů a fanoušků moderních technologií mohou změřit své síly a během jediného dne sestrojit co nejzajímavější funkční prototyp zařízení, které bude komunikovat prostřednictvím sítě LoRa. CRA IoT Hackathony se letos uskuteční ve dvou fázích, na jaře a na podzim, v různých městech České republiky. Jarní běh se odstartuje 31. března v Brně a 7. dubna v Praze.

Obrázek ke článku Cloud computing je využíván stále intenzivněji

Cloud computing je využíván stále intenzivněji

Využívání cloud computingu nabývá na intenzitě. Jen v letošním roce vzroste podle analytiků trh se službami veřejného cloudu o 18 %, přičemž o téměř 37 % vzrostou služby typu IaaS. Růst o více než pětinu pak čeká služby poskytování softwaru formou služby, tedy SaaS. Aktuálním trendům v oblasti využívání cloudu se bude věnovat konference Cloud computing v praxi, která se koná 23. března. 2017 v pražském Kongresovém centru Vavruška na Karlově náměstí 5.

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ý