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>