如何在同一页面上使用windows.location.href将js值传递给php时停止刷新页面

在我的页面中，当用户单击<div>时，它会打开一个模态，并在该单击中向该模态传递一个值。现在，由于该值在javascript中，我想将其传递给php，以便可以将其用于查询。我使用的是window.location.href，但当我单击模态时，它会刷新页面，因此不会打开模态。

JS代码：

<script>
        $(document).ready(function(){
          $('#editModal').on('show.bs.modal', function (e) {
            var id = $(e.relatedTarget).data('id');
            //window.location.href = "tasks.php?id="<?php $id = isset($_GET['id']) ? $_GET['id'] : ""; echo $id; ?>"&final=" + id;              
           jQuery.ajax({
            url:'tasks.php?id=<?php $id = isset($_GET['id']) ? $_GET['id'] : ""; echo $id; ?>',
            type: "POST",
            data: {'name': id},
            dataType: 'text',
            success: function(data)
                {
                   alert(id);
                }
            });

           });
        });
</script>

PHP代码|tasks.PHP？id=2（2只是一个样本值，根据用户在上一页上点击的内容可能会有所不同）

<?php 
        include('config.php');                                                      
        $value = $_POST['name']; //returns unidentified index
        //$value = $_POST['final'];
        echo "I got your value! $value";
?>

每次我尝试打开模态时，它都会不断刷新页面。这样一来，我实际上就无法查看或查看该值是否已传递。有没有更有效的方法在同一页上传递这个信息？或者如何阻止页面刷新？我们将非常感谢你的帮助。非常感谢。