procurei em todos os cantos da internet mas não consegui encontrar nada igual ao meu problema. Tenho um formulário de cadastro que após fazer o INSERT no banco de dados mostra uma janela modal e dentro dela uma mensagem de sucesso ou de erro junto com um botão de "OK". Isso funciona perfeitamente, apertando OK ele fecha a modal e exibe novamente a página de cadastro. O meu problema é que se o usuário antes de aperta "OK" der um "F5" é mostrada a caixa de diálogo "Confirmar reenvio de formulário" e se clicar em "Continuar" ele duplica o INSERT e consequentemente o cadastro no banco.
Segue o código resumido do PHP:
if (isset($_POST['cadastrar'])) {
<!-- aqui vão os requires dos includes com os dados do banco-->
$sql = "INSERT";
$resultado mysqli_query($conexao, $sql) or die (mysqli_error($conexao));
$linhas = mysqli_affected_rows($conexao);
if($linhas > 0){
$mensagem = "Seu cadastro foi feito com sucesso!";
} else {
$mensagem = "Erro ao cadastrar!";
}
<!-- aqui vai o require include de desconexão-->
<!--o código abaixo chama a janela modal-->
?><script>$(document).ready(function() {
$('#myModal').modal('show');
});</script>
<?php
}
?>
Abaixo segue o código da janela modal:
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Mensagem:</h4>
</div>
<div class="modal-body">
<p><?php echo"$mensagem"; ?></p> <!--exibe a mensagem de erro ou sucesso-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Abaixo os scripts para buscar os comandos do bootstrap e jquery:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!--Banco de comandos para executar a janela modal-->
Então basicamente o que eu gostaria era que se apessoa teclasse F5 durante a exibição da janela modal, a conexão com o banco fosse encerrada e simplesmente mostrasse a página de cadastro e a modal sumisse. Tentei colocar um header ("Location:")
antes do javascript que exibe a modal, para ele redirecionar a página, porém ele redireciona mas não exibe a modal. Já vi sites em que isso funciona, você faz o cadastro e é mostrada a modal, da F5 e a modal fecha e não pede reenvio de formulário.
Todo o código está em um mesmo aquivo, se precisarem de mais algum dado é só pedir. Valeu galera.