IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

5. diel - Asynchrónne komunikácie v Simplex.js

V minulej lekcii, Časovača, cookies a utility triedy v Simplex.js , sme si popísali niekoľko vstavaných tried frameworku Simplex.js, menovite triedu pre prácu s časovači, triedy pre správu súborov cookies a utility triedy. V tejto záverečnej lekcii sa budeme venovať problematike asynchrónne komunikácie v komponentoch Simplex.js sa skripty na strane servera. Popíšeme vstavanou triedu Ajax, ktorá je k tejto komunikácii určená a vnútorne využíva moderné fetch() API a Promise priamo z JS.

Opis triedy Ajax

Táto trieda sa nachádza priamo v priečinku Framework/. Poskytuje nasledujúce dve statické metódy pre odosielanie asynchrónnych požiadaviek:

  • get(url, data = {}, originalResponse = false) - odošle požiadavku na server metódou GET, ktorá sa typicky používa pre načítanie dát
  • post(url, data = {}, originalResponse = false) - odošle požiadavku na server metódou POST, používanou typicky ku vkladaniu.

Ďalšie HTTP metódy možno prípadne zvoliť volaním priamo metódy _request().

Ako ste si iste všimli, obom metódam sa odovzdáva rovnaká trojica parametrov, preto si je teraz popíšeme pre obe metódy spoločne:

  • url - adresa požadovanej stránky na serveri, kam je asynchrónny požiadavka odoslaný
  • data - objekt obsahujúci dáta odoslané v požiadavke (v prípade metódy GET sú to štandardne parametre zadané v URL adrese za znakom ?, u metódy POST sú to napr. údaje zadané do formulára). Názvy vlastností objektu predstavujú názvy odoslaných parametrov a ich hodnoty potom predstavujú odoslanej hodnoty v požiadavke :)
  • originalResponse - príznak navrátenie pôvodnej, tj. nespracované odpovede prijaté zo servera; Ak je odovzdaná hodnota false (predvolené), metóda vráti dáta automaticky

 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 55 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 5 článkom (5 lekcií) s kontrolou a certifikáciou a ešte naviac ušetríš 226 Kč. Ponuka je časovo obmedzená a platí pro všetky lekcie v kurze. Nakúp teraz a získaj limitovanou 80% zľavu.

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

Obsah článku spadá pod licenciu Premium III, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriálu si popíšeme triedu Ajax, sprostredkujúce asynchrónne komunikáciu v komponentoch Simplex.js a ukážeme si jej použitie na jednoduchom príklade.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Petr Kozler
Avatar
Autor se aktuálně věnuje především programování v PHP (a vývoji webových aplikací obecně) nebo v Pythonu, ojediněle pak v C nebo v Javě...
Aktivity