Olá.
Possuo uma tabela com informações que serão introduzidas no banco de dados, fazendo uma requisição linha a linha.
Vamos tomar a imagem como exemplo:
Caso eu queira registrar no banco essas 5 linhas da tabela, preciso apertar o botão que irá cadastrar uma a uma, retornando um resultado de sucesso (verdadeiro) ou falha (falso) para cada linha na tabela.
Depois que a função é finalizada todas as linhas são cadastradas sem nenhum problema,
Caso o retorno seja verdadeiro, a respectiva linha que acaba de ser cadastrada deve receber um estilo de background. E é aqui que eu encontro meu problema.
No caso ai da imagem, todas as 5 linhas da tabela foram incluídas no banco de dados com sucesso. Entretanto apenas a última linha recebe o estilo que deveria ter sido aplicado em todas.
$.ajax({
url : "includes/bCadastros.php",
dataType: 'html',
type : 'post',
data : post,
beforeSend : function(){
// Adicionar progress bar
}
})
.done(function(msg){
*/ A próxima condição (if/else) define o estilo
que a linha da tabela vai ficar e parece
funcionar apenas na última vez em que é
requisitado */
*/ A variável *atual* serve como ponteiro para
que se saiba qual linha acaba de ser
registrada e receberá o estilo. Caso eu crie
um alert(atual) nesse nível ele irá mostrar
corretamente o ponteiro pra cada uma das
linhas */
if(msg == 'ok')
{
*/ Mas se caso eu crie o mesmo alert(atual)
neste nível, nenhum alert será emitido e o
comportamento será semelhante ao da imagem
*/
$('#b'+atual).addClass('bCadastrado');
$('#b'+atual).removeClass('bFalha');
}
else
{
$('#b'+atual).addClass('bFalha');
$('#b'+atual).removeClass('bCadastrado');
}
console.log(msg);
})
.fail(function(jqXHR, textStatus, msg){
console.log(msg);
});
Essa requisição é solicitada para cada linha da tabela, e funciona quando se trata de acessar o arquivo externo e incluir os registros. Porém na hora de aplicar o estilo ela apresenta falha.
Alguém sabe o que pode estar causando isso ?
Função completa
$('#bCadastrarOs').on('click',function(){
var campo = ['sap','n_os','valor','servico','contrato','tipo','juncao','data'];
for(i = 0; i < incluidos.length; i++)
{
var k = 0;
var atual = incluidos[i];
post = '';
//Função que monta a string com formato de envio que organiza as informações para serem cadastradas
$('#b'+incluidos[i]).children('td').each(function(i){
if(i == 0)
{
post = campo[k]+'='+$(this).html();
}
else
{
post = post+'&'+campo[k]+'='+$(this).html();
}
k++;
});
if(post != '')
{
post = post+'&acao=os';
$.ajax({
url : "includes/bCadastros.php",
dataType: 'html',
type : 'post',
data : post,
beforeSend : function(){
// Adicionar progress bar
}
})
.done(function(msg){
if(msg == 'ok')
{
$('#b'+atual).addClass('bCadastrado');
$('#b'+atual).removeClass('bFalha');
}
else
{
$('#b'+atual).addClass('bFalha');
$('#b'+atual).removeClass('bCadastrado');
}
console.log(msg);
})
.fail(function(jqXHR, textStatus, msg){
console.log(msg);
});
}
}
});
for
com um AJAX dentro. Isso não é muito bom.atual
será o da última volta dofor
.