Pomysły na wczytywanie części strony bez przeładowywania całej

Question

Witam
Tworzę własną stronę internetową, która będzie dosyć obszerna i chcę zadbać o porządek kodu. Na stronie głównej są odnośniki do innej zawartości diva "content" aktualnie zmieniam tą zawartość poprzez js:

Tu w html w divie content:

onclick="wymienTresc('opis1', 'content');"

 

Tu kod js:

function wymienTresc(id, where)
{
    document.getElementById(where).innerHTML = dane[id];
}

dane['opis1'] = 'treść która zastąpi się w elemencie div content';

I mój problem polega na tym, że po pierwsze jest to mało czytelne, bo w tej tablicy musi być wszystko "sklejone", a po drugie nie mogę dodać do tej tablicy części kodu php np. kiedy chcę pokazać dane konta zalogowaniej osoby, przykład zawartości tablicy w js:

dane['konto'] = '<center><span style="color:3950f1">DANE KONTA</span><br/><p>Nazwa Konta: </p><?php echo $_SESSION[\'login\']; ?><p>E-mail: </p><?php echo $_SESSION[\'email\'] ; ?><p>Wiek: </p><?php echo $_SESSION[\'wiek\']."lat"; ?></center></br>'

Niestety danych typu $_SESSION nie wyświetla. (rozważam nad nauką i zrobieniem tego w AJAX ale nie jestem do końca pewny czy jest to takie "świetne"). Jakieś pomysły? 
Proszę o pomoc i pozdrawiam! 

Answer 1

History API - można wykorzystać coś typu pjax: https://github.com/defunkt/jquery-pjax

Answer 2

Ok dzięki, nie mogłem znaleźć też podobnych pytań a tu proszę są i jak nie ma innych opcji to skorzystam pewnie z AJAX posłużę się tym postem https://forum.pasja-informatyki.pl/25896/unikniecie-odswiezania-strony-z-wykorzystaniem-ajax-oraz-php