The script below worked with the older version of js and Bootstrap, but after I started using the latest one it stopped ... I use it to return the form message! If someone can help me, I understand little of json and js ...
// Quando carregado a página
$(function ($) {
// Quando enviado o formulário
$('#NovaEntrada').on('submit', function () {
// Armazenando objetos em variáveis para utilizá-los posteriormente
var formulario = $(this);
var botao = $('#salvar');
var mensagem = $('#mensagem');
// Exibindo indicador de carregamento (Bootstrap)
// Docs: http://getbootstrap.com/javascript/#buttons
botao.button('loading');
// Enviando formulário
$(this).ajaxSubmit({
// Definindo tipo de retorno do servidor
dataType: 'json',
// Se a requisição foi um sucesso
success: function (retorno) {
// Se cadastrado com sucesso
if (retorno.sucesso) {
// Definindo estilo da mensagem (sucesso)
mensagem.attr('class', 'alert alert-success');
// Limpando formulário
formulario.resetForm();
//recarrega a pagina
setTimeout(function() {
window.location.reload(1);
}, 1000);
}
else {
// Definindo estilo da mensagem (erro)
mensagem.attr('class', 'alert alert-danger');
}
// Exibindo mensagem
mensagem.html(retorno.mensagem);
// Escondendo indicador de carregamento
botao.button('reset');
},
// Se houver algum erro na requisição
error: function () {
// Definindo estilo da mensagem (erro)
mensagem.attr('class', 'alert alert-danger');
// Exibindo mensagem
mensagem.html('Ops, algum erro foi encontrado!!!');
// Escondendo indicador de carregamento
botao.button('reset');
}
});
// Retorna FALSE para que o formulário não seja enviado de forma convencional
return false;
});
});
form
<form id="NovaEntrada" enctype="multipart/form-data" method="post" action="ajax/Cadastrar.php">
Obs.:Não adicionei os inputs para não ficar longo o codigo
<input type="submit" id="salvar" class="btn btn-primary" value="Salvar" data-loading-text="Salvando..."/>
<!---- exibe a mensagem do script ----->
<div id="mensagem"></div>
</form>
return.php
// Função que retorno um JSON com a propriedade sucesso e mensagem
function retorno($mensagem, $sucesso = false)
{
// Criando vetor com a propriedades
$retorno = array();
$retorno['sucesso'] = $sucesso;
$retorno['mensagem'] = $mensagem;
// Convertendo para JSON e retornando
return json_encode($retorno);
}
ajax / Cadastrar.php
// Executando e exibindo resultado
echo ($stmt->execute()) ? retorno('Cadastrado com sucesso', true) : retorno($stmt->errorInfo());