Single-page application

Uživatel otevře seznam objednávek, nastaví filtr a přejde na detail jedné objednávky. Router změní URL na /objednavky/4821, načte jen potřebná data a přesune focus na nadpis nové obrazovky. Tlačítko Zpět obnoví předchozí filtr nebo alespoň předchozí navigační stav, nikoli náhodnou prázdnou stránku.

Při obnovení URL /objednavky/4821 musí server vrátit aplikaci nebo odpovídající HTML fallback. Klient pak znovu načte aktuální data a na serveru se zkontroluje oprávnění k dané objednávce. Uložený klientský stav nesmí být jediným důkazem, že ji uživatel může číst.

JavaScript

history.pushState({}, '', '/objednavky/4821');
main.replaceChildren(document.createTextNode('Načítám objednávku…'));

const response = await fetch('/api/orders/4821');
if (!response.ok) throw new Error('Detail objednávky nelze načíst.');

const order = await response.json();
main.textContent = `Objednávka ${order.number}`;