Pessoal estou querendo habilitar um botão somente quando a última requisição post via Ajax for executada com sucesso.
Tenho uma tabela com vários registros com suas respectivas informações e ids
.
Ao clicar num botão faço uma requisição via post e Ajax individual dessa linha da tabela.
Mas tenho um outro botão que percorre toda a tabela pegando seus respectivos ids
e fazendo as requisições individualmente.
Ao terminar todas as requisições é que habilito ou não um botão para continuar.
O problema é quando capturar a última requisição desses registros. Não estou conseguindo.
Meu código:
function calculaMedia(aluno) {
$.when( calculaMediaFuncao(aluno, function(){}) ).then(function(ret){
console.log(ret);
console.log( "Disparei assim que as requisições se completaram" );
return true;
}).fail(function(){
console.log( "Disparei se uma ou mais requisições falharam" );
return false;
});
}
function calculaMediaFuncao(aluno, callback) {
$.post( "/index.php?r=aluno%2Fnota-aluno&aluno="+aluno+"&disc="+disc+"&tipo="+tipo+"&ap="+notaAP, function( data ) {
$( "#situacaoFinal_"+aluno ).html( data );
callback( true );
}).fail(function() {
callback( false );
})
}
function calcularNotas() {
$("#btnGravarNotas").removeAttr("disabled");
$('#tabelaAlunos > tbody > tr').each(function(key, data) {
var aluno = $(data).attr('data-aluno-id');
console.log(aluno);
calculaMediaFuncao(aluno, function (res) {
if (!res) {
$("#btnGravarNotas").attr("disabled", "disabled");
}
});
});
}
Individualmente eu chamo por calculaMedia(aluno)
.
Mas quando clicar num botão tem que chamar todos os registros e só habilitar o botão quando a última requisição for completada e for true
.
Alguém me ajuda...