调用 Bootstrap modal 时提交表单答案

【问题标题】：Submitting a form when calling Bootstrap modal调用 Bootstrap modal 时提交表单
【发布时间】：2013-10-07 21:51:47
【问题描述】：

我是 bootstrap 新手，我想这样做：

当我按下一个按钮时，我想提交表单，然后打开一个模式，我该怎么做？所以我得到了模态的帖子数据。我试过用两个按钮，第一个提交表单，另一个打开模式，如果我按这个顺序做它工作正常，但我想只用一个按钮。

有什么帮助吗？

这是我的按钮：

<a data-toggle="modal" href="#myModal" data-id="<?php echo $rol['rol_id'];?>" class="open btn btn-primary btn-lg">Launch demo modal</a>

【问题讨论】：

【解决方案1】：

这是一种不好的方法，您应该使用 AJAX 来代替。单击模式时，应该触发 ajax 请求。等待它的响应（并返回您需要的数据）。如果成功，则使用返回的数据加载模式。

我尝试了两个按钮，第一个提交表单，另一个一个打开模态，如果我按那个顺序做它工作正常，但我想一键搞定。

据此，我假设在POST 之后，您会在模态中显示返回的数据。如果您想遵循此方法，您需要在 HTML 中编写一些 Javascript 以在 POST 请求之后触发模式。

<?php if ($_POST['submitted']) { ?>
$(document).ready(function() { 
    $("#myModal").modal();
});
<?php } ?>

我不建议这样做，因为您必须将其放在 .php 或 .phtml 文件中，AJAX 更适合这种情况。

【讨论】：

【解决方案2】：

// 这个问题已经在其他地方解决了......我建议按照这个链接并按照@Samuel Liew 的建议去做。 AJAX/jQuery/PHP Form submission and modal box open on success @fruitp 是正确的 AJAX 是解决这个问题的方法。

【讨论】：