Meu código ajax está repetindo todo o select quando é cadastrado uma nova tarefa por conta do for que navega em toda a array novamente.
Insert de informações:
$('#task').submit(function (e) {
e.preventDefault();
var u_dep = $('#dep').val();
var u_nfe = $('#nfe').val();
var u_pass = $('#pass').val();
$.ajax({
url: 'http://localhost/FAST-ANSWER/inserir.php',
method: 'POST',
data: { dep: u_dep, nfe: u_nfe, pass: u_pass },
dataType: 'json'
}).done(function (result) {
$('#dep').val('');
$('#nfe').val('');
$('#pass').val('');
getTasks(); //função para trazer a tarefa assim que cadastrada
//Todavia está fazendo repetir os dados mostrados anteriormente
});
});
Select de informações:
function getTasks() {
$.ajax({
url: 'http://localhost/FAST-ANSWER/select.php',
method: 'GET',
dataType: 'json'
}).done(function (result) {
console.log(result);
for (var i = 0; i < result.length; i++) {
$('.list').prepend('<ul><li class="onDemand">' + result[i].NFE + ' - ' + result[i].CLERK + ' - ' + result[i].SECTOR + '</li></ul>');
}
});
}
Como eu poderia alterar a estrutura do meu for para que ele me trouxesse apenas o item que acabou de ser cadastrado?
Exemplo de como está:
- segundo item cadastrado (Prossegue normalmente)
- primeiro item cadastrado (Aqui o código mostra novamente o que já fora cadastrado)
- primeiro item cadastrado
prepend
excluir o que já existe na lista?"