Estoy buscando la manera de poder actualizar la página a mostrar dando click en el menú sin que se recargue toda la página como tal, es decir, cuando el usuario de click en la pestaña "indicadores", me muestre la información que hay en "indicadores.html", solo actualizando esa parte de la "página a mostrar".
- Código:
<div class="container-fluid">
<div class="row fila">
<nav class="col col-sm-3 col-md-2 nopadding" id="navbar">
<ul class="nav flex-column">
<div class="rounded mx-auto my-auto">
<img src="" alt="">menu
</div>
<hr>
<div class="general mx-auto my-auto">
<p>
General
</p>
</div>
<li class="nav-item active">
<a class="nav-link" href="home.html"><i class="fas fa-home"></i> Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="indicadores.html"><i class="fas fa-chart-bar"></i> Indicadores</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ranking.html"><i class="fas fa-table"></i> Ranking</a>
</li>
</ul>
</nav>
<main class="col nopadding">
<h5>aqui deberia mostrar la informacion de la pestaña a elegir</h5>
</main>
</div>
</div>
He utilizado la función .click()
cada vez que el usuario le de click a un enlace <a>
pero no tengo idea como realizar lo que pido...