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 662×

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

Obrázek ke článku RAD Studio a Windows Store

RAD Studio a Windows Store

RAD Studio je první vývojové prostředí se zabudovanou podporou balení aplikací typu Win32 a Win64 pro jejich umístění a šíření prostřednictvím Windows 10 Store.

Reklama
Reklama
Obrázek ke článku Testujte na 2 400+ Android a iOS zařízení

Testujte na 2 400+ Android a iOS zařízení

V dnešní době, kdy většina softwaru pro mobilní aplikace je tvořena a distribuována průběžně, mnohdy do celého světa je třeba zajistit také průběžnou automatizaci testování mobilního softwaru. V případě mobilních aplikací pro Android a iOS začíná být problém, jak testovat na obrovském množství kombinací HW variant, rozměrů, edic operačních systémů různých výrobců v různých částech světa na reálných zařízení. Simulátory a emulátory nejsou většinou to pravé. Pokud již testuji, jak si udělat vlastní beta distribuci opravdovým reálným testerům napříč platformami?

Obrázek ke článku Funkcie main vo Windows API

Funkcie main vo Windows API

V tretej časti seriálu o Windows API budeme hovoriť o funkčných prototypoch main. Funkčný prototyp je tvorený názvom funkcie a typom signatúry, pričom sa vynecháva telo funkcie. 

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ý