Почему не происходит получение данных c помощью AJAX?

Question

Никита @SonyFan23

AJAX

Почему не происходит получение данных c помощью AJAX?

Есть страница на которую выводятся все данные со столбца (фамилия человека) из MYSQL и по нажатию должно выводится полная информация о человеке ( то есть после нажатия происходит обработка в js и фамилия человека передает через ajax в php, чтобы в дальнейшем сделать запрос к бд).

Перепроверил все что можно, пришел к выводу, что $select_value пустой, то не происходит передача данных с AJAX, хотя функция success выполняется:

Сейчас происходит из viewing.php в viewing.php, знаю, что это не очень хорошо.
Пробовал передавать в другой файл и подключать его, переменная все равно пустая.

Подскажите, пожалуйста, что не так, не могу понять причину: почему $select_value пустая

viewing.php:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Телефонная система</title>
  <link rel="icon" href="img/favicon.png" type="image/png">
  <link rel="stylesheet" href="css/normalize.css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">

</head>
<body>
<?php include('header.php'); 
require_once 'php/mysql_connect.php';
?>
<div class="viewing-wrapper">
  <div class="viewing-container">
    <div class="viewing-title">
      Выберите абоненета из списка
    </div>
    <div class="viewing-list">
      <div class="viewing-select-wrap">
      <select class="viewing-select">
      <?php 
  $query = $pdo->query('SELECT * FROM `telephone` ORDER BY `fullname`');
  while($row = $query->fetch(PDO::FETCH_ASSOC)) {
    echo  '<option>'.$row['fullname'] . '</option>';
  } ?>
      </select>
      <button class="button btn-show">Показать</button>
      </div>
    </div>
    <div class="viewing-detailed-output">
    <?php 
  $select_value = trim($_POST['select_value']);
     $select_value = 'Суркаев'; 
        $query = $pdo->prepare('SELECT * FROM `telephone` WHERE `fullname` LIKE  ? ');
      $query->execute([$select_value]); 
      while($row = $query->fetch(PDO::FETCH_ASSOC)) {
        echo ' ' . $row['id'] . ' ' . $row['fullname'] . ' ' . $row['phone'] . ' ' .  $row['street'] . ' '. $row['housenumber'] . '<br>';
      }
    ?>
    </div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
 const viewingSelect = document.querySelector(".viewing-select"),
       btnShow = document.querySelector(".btn-show");
 
 $(document).ready(function () {
function sendToPhp () {
  btnShow.addEventListener("click", () => {
  let select_value = viewingSelect.value;
    console.log(select_value);
    $.ajax({
      url: "viewing.php",
      type: "POST",
      cache: false,
      data: {
        ajax: 'yes',
        select_value: select_value
      },
      success: function () {
        console.log(`Переменная ${select_value} отправлена`);
      }
    });
  });
}
sendToPhp();
});
</script>
<?php 
?>
</body>
</html>