<script>
$(document).ready(function(){
    
    $("#buton1").on("click", function(){ // buton idli elemana tıklandığında
        var gonderilenform = $("#gonderilenform").serialize(); // idsi gonderilenform olan formun içindeki tüm elemanları serileştirdi ve gonderilenform adlı değişken oluşturarak içine attı
 
        $.ajax({
            url:'sistem/adres.php', // serileştirilen değerleri ajax.php dosyasına
            type:'POST', // post metodu ile
            data:gonderilenform,
                  beforeSend :function() // Sunucuya istek gönderilmeden önce neler yapılabileceğini belirler.Mesela bilgi gelene kadar loading animasyon ya da .gif resim gösterebilirsiniz.
                {
                    loadinggoster();
                                       // BURADA BİR FONKSİYON YARDIMIYLA load dosyanı gösterebilirsin.
                },
            success:function(result){            
                    $('#gelenveri').html(result);
                },
            complete :function() // İsteğimizin işlenip sonucunun gelmesiyle ilgili işlemler yapar.Mesela ajax bittiği için loading animasyonunuzu kaldırabilirsiniz.
                {
                    loadingsil();
                                       //Loading animasyonu silebilirsiniz
                }
        });
        
    });
});
</script>