Wymiana informacji client-server

Cześć, chciałbym zacząć od tego, że moja wiedza o JS i generalnie technologiach webowych jest mała. Używam ich, bo potrzebuję do projektu, a niekoniecznie dlatego, że chcę być zaawansowanym web developerem. Świat web jest na tyle duży, że ciężko mi znaleźć odpowiedź na pytanie.

Co chcę osiągnąć? Zmianę kawałka strony(bez przeładowania), gdy użytkownik gdzieś kliknie/najedzie. Brzmi jak robota dla JavaScriptu.

EDIT: Przykład jest zupełnie abstrakcyjny, przedstawiający tylko ideę: Dla wyobrażenia skali problemu, przyjmijmy że chcę robić konkurencję dla Google Maps. Użytkownikowi na mapie wyświetlają się pobliskie restauracje. Nie mogę przy połączeniu ze stroną wysyłać użytkownikowi całej bazy danych setek tysięcy restauracji, bo takie zapytanie by ważyło kilka GB, szczególnie że każda restauracja ma swoje zdjęcia. Ogólnie problem polega na wymianie obiektów między clientem a serwerem, np.

1. client wysyła {lokalizacja, skala mapy, język, ...}, serwer odpowiada {lista restauracji w okolicy}
2. client najeżdża myszą na restaurację, serwer odpowiada {opis, godziny otwarcia, lista zdjęć}

Jak takie coś zrealizować?

Z tym:

konkurencję dla Google Maps

to tak na poważnie?
Jeśli jednak nie konkurencję, to https://developers.google.com/maps/documentation/javascript/ umożliwia tworzenie markerów i zamieszczanie mapy na stronie. Do tego jakaś prosta wyszukiwarka zrobiona z input text + odświeżanie listy.

Było takich tematów od groma. Najprostszym rozwiązaniem bez używania zaawansowanych frameworkow jest ładowanie danych via ajax like that: https://stackoverflow.com/a/14613528. Jak chcesz robić to na użytek komercyjny to zainteresowałbym się jednak frameworkami, może koledzy podpowiedzą jeszcze który najlepiej by się zdał