我有一个 Bootstrap 模式,里面有一个表单。当您点击提交时,它只会转到处理表单数据的 PHP 脚本。
理想情况下,我想将此模式附加到如下 URL:
- 用户点击链接
- Modal 弹出表单
- 如果他们关闭模式或按“我不想提供详细信息”,他们会转到 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 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');
//...
});
关于php - 使用 PHP 数据捕获从 Bootstrap 模式重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42068382/