調用Bootstrap模態時提交表單

Question

我是新手，我想這樣做：

當我按下按鈕時，我想提交表單，然后打開模式，我該怎么做？ 所以我得到模態上的發布數據。 我試過兩個按鈕，第一個按鈕提交表單，另一個按鈕打開模式，如果我按該順序執行它效果很好，但我只想一個按鈕即可。

有什么幫助嗎？

這是我的按鈕：

<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 } ?>

我建議不.phtml ，因為您必須將其放在.php或.phtml文件中，AJAX在這種情況下會更適合。

Answer 2

//這個問題已經在其他地方解決了...我建議點擊此鏈接並執行@Samuel Liew的建議。 AJAX / jQuery / PHP表單提交和成功打開的模式框 @fruitp是正確的AJAX是解決此問題的方法。