PHP JavaScript 検索フォーム　結果を画面遷移せずに表示

現在プログラミングの勉強中です。
検索フォームを作り、ページ遷移せずに検索結果を条件分岐を使用し
特定の条件の時だけ別のSQL文が使用され結果表示をさせたいです。

↓（メインページ（PHPファイル）↓

<?php require_once("common.php"); $sql = "SELECT * FROM users ORDER BY id ASC;"; $stmt = $pdo ->query($sql); $result = $stmt -> fetchAll(PDO::FETCH_ASSOC); ?> <!DOCTYPE html> <html> <head> 　--略 </head> <body> <header> <div class="icon"> <a href="#"> <img src="./img/photo.png" alt="icon"> </a> </div> <h1>リストの表示<br><span class="sub">-list-</sapn></h1> </header>  <div id="content"> <div class="create_btn"> <button> <a href="create_form.php"><i class="fas fa-plus-circle"> 新規作成はこちら</i></a> </button> </div>

 <div id="search">
   <form action="list.php" method="post">
     <input type="text" name="search" placeholder="ユーザー名で検索">
     <button id="sbtn" type="submit"><i class="fas fa-search"></i></button>
   </form>
 </div>

<table style="border-collapse: separate">
  <tr>
    <td class="id">ID</td>
    <td class="name">NAME</td>
    <td class="mail">MAIL</td>
    <td class="up">EDIT</td>
    <td class="dele">DELETE</td>
  </tr>
  <?php foreach ($result as $list){ ?>
    <tr>
      <td class="id"><?php echo htmlspecialchars($list["id"]);?></td>
      <td class="name"><?php echo htmlspecialchars($list["username"]);?></td>
      <td class="mail"><?php echo htmlspecialchars($list["mail"]); ?></td>
      <td class="up">

      <a href="update_form.php?id=<?php echo htmlspecialchars($list["id"]);?>">

      <i class="fas fa-file-alt"></i>
    </a>
    </form>
  </td>
  <td class="dele">
    <a href="delete.php?id=<?php echo htmlspecialchars($list["id"]); ?>"onclick="return confirm('このレコードを削除します。よろしいでしょうか？')">
      <i class="fas fa-trash-alt"></i>
    </a>
  </td>
  </tr>

</table>

</div> </div> 　　 </body> </html>

別のページにデータを渡す方法はできるのですが、いくら調べても遷移せず表示させることができません、、
メインページのPHPファイルで完結できる様にしたいです。

ポストインクルードなどを使用するのでしょうか。