在div中显示页面而不重新加载要显示的页面

Question

我有一个导航栏，我想为每个项目显示不同的页面。以下代码用于一个选项卡。显然，每次单击选项卡时，div部分都会重新加载并显示一些默认值，由于“ FirstTable”可以通过其他操作进行更新，因此我想避免这种情况，并且我想始终显示表的最新状态。谢谢！

var loadFirstTable = function() {};
$(document).ready(function() {
  loadFirstTable();
});

loadFirstTable = function() {
  $("#tableContainer").load('@Url.Action("FirstTable","TableNavigation")');
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
  <ul>
    <li><a class="active" onclick="loadFirstTable(); return false;">
             FirstTable</a>
    </li>
  </ul>
</div>
<div class="container-fluid" id="tableContainer"></div>