如何修复充当GET的Ajax插入查询？

我是Ajax的新手，我注意到单击“ like”按钮时，URL会更改为get。如?videoID=18&userID=11&insert-like=。

这是我的代码：

<script>
  $(function () {
    $('button').click(function () {
      var videoID271 = $('#videoID').val();
      var userID271 = $('#userID').val();
      console.log('starting ajax');
      $.ajax({
        url: "./insert-like.php",
        type: "post",
        data: { videoID: videoID271, userID: userID271 },
        success: function (data) {
          var dataParsed = JSON.parse(data);
          console.log(dataParsed);
        }
      });

    });
  });

</script>

<form>
<input type="hidden" name="videoID" id="videoID" value="<?php echo $id123; ?>" />
<input type="hidden" name="userID" id="userID" value="<?php echo $userID; ?>" />
<button type="submit" name="insert-like" style="background:none;border:none;text-decoration:none; color:#DD4400;font-weight:bold">Like</button>
</form>

if($_POST['videoID']) {
    $videoID = $_POST['videoID'];
    $userID = $_POST['userID'];

    $query271 = "INSERT INTO video_likes(video_id,user_id) VALUES(:video_id271,:user_id271)";
    $stmt271 = $pdo->prepare($query271);
    $stmt271->bindValue(':video_id271',$videoID);
    $stmt271->bindValue(':user_id271',$userID);
    $stmt271->execute();
}

我尝试使用此堆栈溢出并更改为我的需求。任何帮助是极大的赞赏。