How to make content appear without reloading the page?

Question

JavaScript

Greetings. There is a navigation bar on the left (vertical), bootstrap is used. How can I make the content of these sections appear on the right when clicking on the menu sections on the left, without reloading the page? Are there any tools or similar implementation examples?

Answer 1

How would you implement it using ajax. There is nothing difficult in this.
implementation example
another example
example without jquery
example from community habr
Did you google it before asking a question?

Answer 2

When clicking on a link, do not go to it, override the default action, load the required block from the required URL and write its content to the content block on the current page
$('a').on('click', function(e) {
$( " #content" ).load( $(this).attr('href') + " #content" );
});