Lekce 5 - Asynchronní komunikace v Simplex.js

V minulé lekci, Časovače, cookies a utility třídy v Simplex.js, jsme si popsali několik vestavěných tříd frameworku Simplex.js, jmenovitě třídu pro práci s časovači, třídy pro správu souborů cookies a utility třídy.

V této lekci se budeme věnovat problematice asynchronní komunikace v komponentách Simplex.js se skripty na straně serveru. Popíšeme vestavěnou třídu Ajax, která je k této komunikaci určená a vnitřně využívá moderní fetch() API a promisy přímo z JS.

Popis třídy Ajax

Tato třída se nachází přímo ve složce Framework/. Poskytuje následující dvě statické metody pro odesílání asynchronních požadavků:

• get(url, data = {}, originalResponse = false) – odešle požadavek na server metodou GET, která se typicky používá pro načtení dat
• post(url, data = {}, originalResponse = false) – odešle požadavek na server metodou POST, používanou typicky ke vkládání.

Další HTTP metody lze případně zvolit voláním přímo metody _request().

Jak jste si jistě všimli, oběma metodám se předává stejná trojice parametrů, proto si je nyní popíšeme pro obě metody společně:

• url – adresa požadované stránky na serveru, kam je asynchronní požadavek odeslán
• data – objekt obsahující data odeslaná v požadavku (v případě metody GET jsou to standardně parametry zadané v URL adrese za znakem ?, u metody POST jsou to např. údaje zadané do formuláře). Názvy vlastností objektu představují názvy odeslaných parametrů a jejich hodnoty pak představují odeslané hodnoty v požadavku
• originalResponse – příznak navrácení původní, tj. nezpracované odpovědi přijaté ze serveru; Je-li předána hodnota false (výchozí), metoda vrátí data automaticky

...konec náhledu článku...
Pokračuj dál