Ajax ve php kullanırken bir hata yapıyorum

Merhaba arkadaşlar, php ve ajax ile örnekler yapıyorum. Ajax'a daha yeni başladım. Kodlarım çalışmıyor, nerede hata yaptığımı yazabilir misiniz?

php kodlarım

<?php
if($_GET){
extract($_GET);
echo"Adınız: $ad";
}
?>```

## html & javaScript

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deneme</title>
<script src="jquery.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
<h1>Adınızı Girin</h1>
<form id="form" name="form">
<input name="ad" placeholder="Adınız"><br>
<input type="button" id="gonder" name="gonder">
</form>
<script>
document.getElementById('gonder').onclick=function(){
var form = $("#form").serialize();
$.ajax({
url:"denemeler.php",
type:"GET",
data:form
});
</script>
</body>
</html>`

Yardımcı olursanız çok sevinirim.

@makifgokce Senin kodunu işi sağlama almak için kopyaladım. Bana bilgiler başarıyla gönderildi diyor fakat maalesef php bunu hala algılamıyor. Ben tüm dosyanın kodunu paylaşıyorum. Kaç gündür durumun içinden çıkamadım, yardımcı olursanız sevinirim. Kod:

<?php
if($_POST){
extract($_POST);
if(empty($ad)||empty($eposta)){
echo'<div role="alert">Lütfen hiçbir alanı boş bırakmayın!</div>';
}
else
{
echo'<div role="alert">Bilgiler başarıyla kaydedildi</div>';
}
}
if(!$_POST){
echo'Henüz veri Gönderilmedi';
}
?>

<!DOCTYPE html>
<html lang="tr">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Denemeler</title>
<script src="jquery-3.6.0.js"></script>
<script src="javaScriptFunctions.js"></script>
</head>
<body>
 <form id="denemeFormu" name="denemeFormu">
<label>Adınız: <input name="ad" id="ad" placeholder="Adınızı girin"></label><br>
<label>e-posta: <input type="email" placeholder="e-posta adresiniz" name="eposta" id="eposta"></label><br>
<button type="button" id="gonder" name="gonder">Tamam</button>
 </form>
<script>
$("#gonder").click(function(gonder) {
  var denemeFormu = $("#denemeFormu").serialize();
  $.ajax({
    type: "POST",
    data: denemeFormu,
    error: function(error) {
      alert("Bilgiler gönderilirken bir hata oluştu: " + error);
    },
    success: function(basarili) {
      alert("Bilgiler başarıyla gönderildi");
    }
  });
});
</script>
</body>
</html>

Sevgiler