使用 PHP 数据捕获从 Bootstrap 模式重定向

Posted 2023-02-24

【中文标题】使用 PHP 数据捕获从 Bootstrap 模式重定向

【英文标题】：Redirection from Bootstrap modal with PHP data capture

【发布时间】：2017-06-23 10:19:16

【问题描述】：

我有一个引导模式，里面有一个表单。当您单击提交时，它只是转到处理表单数据的 php 脚本。

理想情况下，我想将此模式附加到如下 URL：

用户点击链接 模态框弹出表单 如果他们关闭模式或按我不想提供详细信息，他们会转到 URL 如果他们填写了表格，一旦成功提交，他们就会被重定向。

我认为对用户最友好的方式是某种 AJAX 请求。

到目前为止我的想法是这样的：

用户点击链接 链接停止，preventDefault() 模态出现 表单已提交 然后正常使用链接

我的问题是我可以打开一个模式，然后在提交表单时，转到特定 URL 的 href 吗？

例如<a data-target="#myModal" data-toggle="modal" class="whatever" id="whatever" href="http//:www.google.co.uk">Click here</a></li>

但他们不是一开始就去谷歌，而是在与模态交互后才去那里。

【问题讨论】：

您从未问过具体问题。你想要什么？

我可能没有得到你的问题，但你为什么不让链接只弹出模态并让模态中的提交按钮重定向到链接？我认为这对用户没有任何影响，而且您不必费力去做您要求做的事情。

有没有办法在 a 标签中有一个链接，以便您可以提取它？这样我就可以对多个 URL 使用相同的模式。

我想我明白你现在想要做什么了。我试着发布一个答案，看看它是否是你要找的。​​span>

感谢您坚持尝试回答我的问题

【参考方案1】：

我建议您尝试使用 data 属性，以便将重定向链接传递到模式中。

<a data-target="#myModal" data-toggle="modal" data-link="http//:www.google.co.uk" 
class="whatever" id="whatever">Click here</a>

然后通过在 jQuery 中将其称为“链接”来在模态中使用它。

$(#whatever).on("click", function () 
     var my_link = $(this).data('link');
     //...
);

【讨论】：

我对此进行了一些编辑，但您的回答的要点解决了我的问题。我不知道我的最终解决方案是否很好，但如果确实有效。