sequenceDiagram
participant Selain
participant Palvelin
Selain->>Palvelin: POST https://studies.cs.helsinki.fi/exampleapp/new_note
activate Palvelin
Palvelin-->>Selain: 302
deactivate Palvelin
Note left of Palvelin: Palvelin udelleenohjaa selaimen lataamaan 'notes.html' sivun uudelleen
Selain->>Palvelin: GET https://studies.cs.helsinki.fi/exampleapp/notes.html
activate Palvelin
Palvelin-->>Selain: notes.html
deactivate Palvelin
Note right of Selain: Selain alkaa suorittaa notes.html -tiedostoa, joka tekee 3 uutta GET-pyyntöä
Selain->>+Palvelin: GET https://studies.cs.helsinki.fi/exampleapp/data.json
Selain->>+Palvelin: GET https://studies.cs.helsinki.fi/exampleapp/main.js
Selain->>+Palvelin: GET https://studies.cs.helsinki.fi/exampleapp/main.css
Palvelin-->>-Selain: main.css
Palvelin-->>-Selain: main.js
Palvelin-->>-Selain: data.json
Note right of Selain: Koko sivu on latautunut uudestaan.