Skip to content

Latest commit

 

History

History
33 lines (29 loc) · 1.23 KB

0.4_new_note_diagram.md

File metadata and controls

33 lines (29 loc) · 1.23 KB
Raw
sequenceDiagram
    participant browser
    participant server

    browser->>server: POST https://studies.cs.helsinki.fi/exampleapp/new_note
    Note over browser, server: Request (Form Data): note=Post
    activate server
    server-->>browser: Response header
    Note over browser, server: Location: Redirect to /exampleapp/notes
    deactivate server
    browser->>server: GET https://studies.cs.helsinki.fi/exampleapp/notes
    activate server
    server-->>browser: HTML document
    deactivate server

    browser->>server: GET https://studies.cs.helsinki.fi/exampleapp/main.css
    activate server
    server-->>browser: CSS file
    deactivate server

    browser->>server: GET https://studies.cs.helsinki.fi/exampleapp/main.js
    activate server
    server-->>browser: JavaScript file
    deactivate server
    Note over browser, server: Browser starts executing the JavaScript code that fetches the JSON from the server

    browser->>server: GET https://studies.cs.helsinki.fi/exampleapp/data.json
    activate server
    server-->>browser: [{ "content": "HTML is easy", "date": "2023-03-13T15:35:18.926Z" }, ... ]
    deactivate server
    Note over browser, server: Browser executes the callback function that renders the notes
Loading