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

Question

我有一个带有表单的bootstrap模式。在您单击提交时，它只会转到处理表单数据的PHP脚本。

理想情况下，我想将此模式附加到以下网址：

• 用户点击链接
• 模式弹出窗体
• 如果他们关闭模式或按我不想提供详细信息，他们会进入网址
• 如果他们填写表格，一旦成功提交，他们就会被重定向。

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

到目前为止我的想法是：

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

我的问题是我可以打开模态，然后在提交表单时，转到特定网址的href吗？

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

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

Answer 1

我建议你尝试使用data属性，以便将重定向链接传递给模态。

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

然后在模态中使用它，将其称为＆＃34; link＆＃34;在你的jQuery中。

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