Как обновить контент в закладке Bootstrap

Это мой первый вопрос на этом сайте, и мне нужна помощь.

Я создаю социальную сеть, стиль, похожий на Facebook, и у меня есть вкладка с 2 вкладками в начальной загрузке, первая вкладка «Друзья», где будет отображаться содержание друзей, а вторая вкладка не так важна, как первая. «Домой», где будут размещены все сообщения пользователя.

На первой вкладке мне нужно динамически перезагружать контент, при нажатии на эту вкладку должны появиться все новые сообщения от друзей. (Я уже сделал это).
Теперь он работает, обновляя всю страницу, или F5. Но я не знаю, как все это сделать.

если код поможет, я вставлю сюда HTML-код:

                <li role="presentation" class="active">
<a data-toggle="tab" role="tab" aria-controls="friends" href="#friends">
<i class="fa fa-user">
Friends
</i>

</a>
</li>

<li role="presentation">
<a data-toggle="tab" role="tab" aria-controls="home" href="#home">
<i class="fa fa-home">
Home
</i>

</a>
</li>
</ul>
<div class="tab-content">
<div id="friends" class="tab-pane active" role="tabpanel">
<p>
Friends
</p>

<p>
<?php ListFPosts($id_user);?>
</p>
</div>

<div id="home" class="tab-pane active" role="tabpanel">
<p>
Home
</p>

<p>
<?php ListMyPosts($id_user);?>
</p>
</div>
</div>
</div>

Я много читал, и я думаю, что мне нужен Ajax, и я еще не знаю этот язык, кто-то может мне помочь?

Некоторая помощь, пожалуйста?

Спасибо заранее.