Função de "Curtir" sem recarregar a página?

Olá, boa tarde!

Eu estou tendo um problema que eu não to sabendo resolver. Eu não sei programar em JQuery ou Ajax, mas pretendo começar a aprender. Como que eu posso fazer pra fazer com que o seguinte código em PHP funcione em Ajax ou JS? Qual das suas opções é melhor pra realizar essa ação de "Curtir"?

<li>
      <form action="like-post.php" method="post">
      <button name="id" value="<?= $post["id"] ?>" class="like-post">Like</button>
      </form>                     
</li>
<li class="likes">
      <?php 
      echo $post["likes"];
      ?>
</li>

	Código da página like-post: 

include("header.php");
include("conecta.php");
include("functions.php");

 $id = $_POST['id'];
 like($conecta, $id);
 header("Location: index.php");
 die();

	O que eu quero fazer é com que esse botão assim que clicado ele adicione mais uma curtida ao post. Agradeço desde já!