Aplikacja webowa - frontend

0

Cześć,

Zakładam wątek w temacie javascript bo prawdopodobnie w tym języku jest rozwiązanie.
Niedawno przerobiłem kurs pisania aplikacji webowych w javie, teraz próbuję w ramach nauki napisać coś samodzielnie. Niestety napotkałem problem, którego nie potrafię przeskoczyć.

Otóż mam kilka warstw aplikacji servlet/service itd które obsługują dany adres np. localhost:8080/rzecz no i metoda zwraca np. tablice z wartościami z bazy danych.
Strona główna czyli localhost:8080 korzysta pliku index.html i stylus css z oddzielnego pliku i ma przycisk który po kliknięciu przekierowuje właśnie na localhost:8080/rzecz.

Nie rozumiem następującej rzeczy. Mam napisany w html layout dla strony głównej (dla uproszczenia dajmy że to jest tylko kolor niebieski tła). Gdy wejdę na localhost:8080/rzecz obsługiwany metodą service/servlet to dostaje po prostu białe tło z tym co zwraca metoda. Jak zrobić aby połączyć to co jest w javascript i działanie metody z service/servlet? Tzn jakbym np. chciał żeby tło było takie same na podstronach jak na stronie głównej i konkretne wartości zwracane przez metodę z service/servlet były wyświetlane w określonym kontrolowanym miejscu na podstronie ?

Nie rozumiem jak to połączyć. Potrafię napisać w javascript że jak np. kliknę przycisk to coś się wyświetli, ale nie wiem jak powiązać to z określonym layoutem.
Mógłby mi ktoś pomóc, wrzucić albo kawałek kodu/tutorial jakiś, albo chociaż krótki algorytm w paru zdaniach jak to rozwiązać. Nie wiem czy to mądre pytanie czy nie mądre, ale nie potrafię tego przeskoczyć. :-)

2

Serwis/servlet to backend, a html+javascript to frontend. Użytkownik wchodzi na frontend np. napisany w React, a frontend łączy się z bacendem i pobiera dane. Innymi słowy za pomocą javascript łączysz się z serwerem, pobierasz wynik servisu i go wyświetlasz. Do takich rzeczy służy funkcja fetch albo dedykowane biblioteki np. axios, request.

1

http://jsfiddle.net/ot8w0c17/1/

masz tu przykład pobierający dane z przykładowego fake REST API

1 użytkowników online, w tym zalogowanych: 0, gości: 1