使用Ajax从JavaScript提取数据到PHP

Question

我正在尝试使用Ajax将Javascript中的数据提取到PHP文件中。
这是我尝试过的

.js文件

 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();
  ?>

当我尝试在PHP文件中回显$data的值时，出现错误

  

未定义索引：d

我不知道为什么会收到此错误。