사이드바는 js html css 다 섞여있습니다

그러면 다르게 질문하자면
(같은 도메인에서 example.com/)
사이트를 이동해도 사이드바를 재 로딩하지 않고 어떻게 유지시킬 수 있나요?
ex) /enrty > /qwerty > /mnbvc
사이트는 이동하고 주요 내용은 바뀌되,
사이드바는 재로딩×

비동기 통신인거랑 새로고침 없이 정보를 받아오는거랑은 무관계함
실제로 xhr에는 아직도 동기로 받아오는 옵션이 남아있기도 하고

백엔드를 뭘 사용하고 있는지는 잘 모르겠는데 예를 들어 JSP라면 사이드바 항목을 선택했을 때 변하는 부분을 별도의 페이지로 작성해서 include하면 매번 사이드바를 재작성할 필요 없이 한번만 작성해도 됨. PHP나 Python Django 등도 마찬가지로 이런 template를 지원하는데, 웹 자원을 static하게 서비스하는 서버에서는 이런 걸 사용할 수 없음.