Sayfa yenilenmeden Form işlemi yaptırmak

Selamlar.. Aşağıda paylaştığım kodda bi form işlemi var butona basınca sayfa yenileniyor ve işlem sayfa yenilendikten sonra yapılıyor. ben jquery ile sayfa yenilenmeden işlem yapılsın istiyorum ama başaramadım..

yardımcı olabilecek arkadaşlar varsa yardımlarını bekliyorum. teşekkürler

<div class="main-content">
<div class="main-content-inner">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4 class="card-title">Tahmin Oyunu</h4>
</div>
<div class="card-body">
<center>
<form method="POST">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="bmd-label-floating">1-10 Arası Bir Sayı Girin</label>
<input id="sayi" name="sayi" type="text" class="form-control">
</div>
</div>

</div>
<button type="submit" name="islemyap" class="btn btn-success">Gönder</button><hr>
<div class="clearfix"></div>
</form>
</center>
</div>
</div>
</div>
</div>

</div>



</div>

</div>




</html>

ajax ile yapılıyor hocam dediğiniz olay. programlama bilginiz varsa google a "ajax sayfa yenilemeden veri çekme" yazarak dökümanlara ulaşabilirsiniz.

Ajax post diye aratın Google 'da bir çok örnek çıkacaktır.

örneklere baktım ama başarılı bi ekleme yapamadımo yüzden konu açma gereği duydum

Videolu olan örneklere bakın daha iyi anlarsınız.

Yazdığınız kodları ve aldığınız hataları veya yapamadığınız yerleri belirtirseniz daha fazla kişi yardımcı olmak isteyecektir hocam.

Form içerisinde submit tipinde bir buton kullandığınız için işlemi başarılı şekilde yapsanız bile form gönderileceği için sayfa yenilenir. Bu yapıyı değiştirin.