我有一个仪表板，用于在数据库中存储有关用户的信息。如果我调用一个用户页面，则会立即加载该用户的全部信息，而且加载时间很长。
存储的数据在不同的引导nav-pills之后排序。
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active author-tabs" id="pills-summary-tab" data-toggle="pill" href="#pills-summary" role="tab" aria-controls="pills-summary" aria-selected="true"> Summary </li>
<li class="nav-item">
<a class="nav-link author-tabs" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-summary" aria-selected="true"> Contact Information </li>
[...]
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-summary" role="tabpanel" aria-labelledby="pills-summary-tab">
[...content...]
</div>
[...]
</div>
是否可以通过单击药丸来引导每个导航丸的内容？也许这些选项卡后面的每个内容都以其自己的html分隔，并且如果我单击选项卡会被加载？我认为一定有办法通过ajax调用来做到这一点，但我找不到matchin .load函数...
如果这不可能，那么通过单击按钮并通过ajax调用加载该内容，从视图加载内容的正确方法是什么？