Извлечение данных из JavaScript с помощью Ajax в PHP

Question

Я пытаюсь извлечь данные из JavaScript в файл PHP, используя Ajax.
Вот что я попробовал

.js file

 function showHint() 
 {
     let lolData = $('#lol').val();
     $.ajax({
          url:'http://localhost/data.php',
          type:'post',
          data:{d:lolData},
          success(data){
              //console.log(data);
             // alert(data);
             $('#lol1').empty().val(data);
          }
     })
  }; 

  document.addEventListener('DOMContentLoaded', function () {
      document.querySelector('button').addEventListener('click', showHint);  
  }); 

PHP-файл

  <?php
  $servername = "localhost";
  $username = "root";
  $password = "";
  $database = "uppercase";
  $i = "1";

  // Create connection
  $conn = new mysqli($servername, $username, $password, $database);

  // Check connection
  if (!$conn) {
      die("Connection failed: " . mysqli_connect_error());
  }

  $data = $_POST['d'];
  echo $data;
  $sql = "SELECT phish_url FROM phishtank WHERE idd = 1";
  $result = mysqli_query($conn, $sql);

  if (mysqli_num_rows($result) > 0) {
      // output data of each row
      while($row = mysqli_fetch_assoc($result)) {
        // echo $row["phish_url"];
      }
  } else {
      echo "0 results";
  }

  $conn->close();
  ?>

Когда я пытаюсь отобразить значение $data в моем PHP-файле, я получаю сообщение об ошибке

неопределенный индекс: d

Понятия не имею, почему я получаю эту ошибку.