传递JavaScript变量PHP链接

Question

我有一个PHP链接如下，出现一个模式里面：

<?php echo $this->Html->link('Cart', ['controller' => 'payments', 'action' => 'cart', ]); ?> 

我也有一个脚本，它提出了模态：

$('.pay').click(function (ev) { 
    ev.preventDefault(); 
    $('#payModal').modal('show'); 
    var bookingId = $(this).attr('data-id'); 
}); 

我会喜欢尝试将JavaScript变量bookingId传递给PHP链接。我想通过一个表单来做，但我没有提交任何内容，因此在发布帖子/请求时没有任何内容会显示出来。

Answer 1

在模式脚本，我在下面说：

$('.pay').click(function (ev) { 
    ev.preventDefault(); 
    var bookingId = $(this).attr('data-id'); 
    $('#payModal').modal('show'); 
    $('#payModal').attr('bookingId',bookingId); //added in this line, setting the bookingId variable as an attribute of the modal. 
}); 

然后我改变了我的PHP链接到一个标准的HTML按钮：

<button onclick="cartredirect()">Proceed to Cart</button> 

这随后触发第二JavaScript的：

<script> 
    function cartredirect(){ 
      var bookingId = $("#payModal").attr('bookingId'); //returns the modal attribute from before. 
      window.location = "<?= $host . $basepath ?>/payments/cart/" + bookingId; //now as a result, the page with the correctly appended variable can load. 
    }; 
</script> 

Answer 2

**

正如你已经知道PHP和JS都是脚本语言和他们绑定 到一个变量，因为他们执行的，所以用你给的 信息的JS使用

**

$('.pay').on ('click',function (ev) { 
ev.preventDefault(); 
    $('#payModal').modal('show'); 
    var bookingId = $(this).attr('data-id'); 
}); 

如果这不起作用生成在与JS链接附加到HTML

Answer 3

我依赖如果您的HTTP请求中有其他GET参数。如果没有，您可以导航到当前路径并追加所需的GET参数。

window.location = '?booking_id=' + bookingId; //navigate to the current page 
window.location = './othersite.php?booking_id=' + bookingId; //navigate to another page 

这将导航至当前页面只用booking_id作为GET参数。

如果你想保留你的其他参数，你必须解析当前的URL，追加你的参数，然后把它序列化回一个URL并改变它的位置。

只是为了澄清有关相对链接在这里的一些事情：

//lets take the following URL as an example 
'https://www.example.com/blog/pages/2984?id=3' 

''  //current page --> 'https://www.example.com/blog/pages/2984' 
'./'  //current 'directory' you are in --> 'https://www.example.com/blog/pages' 
'../' //parent 'directory' --> 'https://www.example.com/blog' 
'../../' //2nd parent 'directory' --> 'https://www.example.com' 
'/'  //root 'directory' --> 'https://www.example.com'