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

Question

在我的页面中，当用户单击<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";
?>

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

Answer 1

一旦您分配了window.location.href，浏览器就会自动转到新的 URL。

为了实现您正在寻找的目标，我建议您创建 AJAX改为请求。

由于您使用的是 jQuery，因此他们有一个出色的助手，可以提供您所需的一切，并从浏览器细节中抽象出来。请参阅此处 - http://api.jquery.com/jquery.ajax/ .