在调用Bootstrap模式时提交表单

Question

我是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>

Answer 1

这是一个糟糕的方法，你应该使用AJAX代替。单击模态时，应触发ajax请求。等待响应（并返回所需的数据）。如果成功，则使用返回的数据加载模态。

  

我尝试过两个按钮，第一个提交表单，另一个提交   一个打开模态，如果我按顺序执行它工作正常，但我   我想只用一个按钮就可以做到。

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

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

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

Answer 2

//这个问题已经在其他地方解决了......我建议关注这个链接并做@Samuel Liew推荐的事情。 AJAX/jQuery/PHP Form submission and modal box open on success @fruitp是正确的AJAX是采用这种方式的方法。