Minha tabela mostra erro com mensagem undefined após limpa o banco de dados.
$('#form1').submit(function(e){
e.preventDefault();
var u_descricao = $('#descricao').val();
var u_valor = $('#valor').val();
var u_tipo = $('#tipo').val();
$('#form1').submit('');
if (u_descricao == '') {
$('#alert').html('Preencher a Descrição!.');
$('#alert').addClass("alert-danger");
return false;
}
$('#form1').submit('');
if (u_valor == '') {
$('#alert').html('Preencher o Valor!.');
$('#alert').addClass("alert-danger");
return false;
}
$('#form1').submit('');
if (u_tipo == '') {
$('#alert').html('Preencher o Tipo!.');
$('#alert').addClass("alert-danger");
return false;
}
// console.log(u_descricao, u_valor, u_tipo);
$.ajax({
url: 'http://localhost/dispesas/modulos/cadastrar.php',
method: 'POST',
data: {descricao:u_descricao, valor:u_valor, tipo:u_tipo},
dataType: 'json'
}).done(function(result){
getComments();
$('form').trigger("reset");
$('#alert').html('Serviço adicionado com sucesso!');
$('#alert').addClass("alert-success");
$('#alert').fadeIn().html(result);
setTimeout(function(){
$('#alert').fadeOut('Slow');
},3000);
$('#descricao').val('');
$('#tipo').val('');
$('#valor').val('');
console.log(result);
});
});
function getComments() {
$.ajax({
url: 'config/selecionar.php',
method: 'GET',
dataType: 'json'
}).done(function(result){
console.log(result);
for (let i = 0; i < result.length; i++) {
var dados = $('.servicos');
$('.servicos').prepend('<tr class="text-center"><td>' + result[i].descricao + '</td><td>' + result[i].tipo + '</td><td>' + result[i].valor + '</td><td>' + result[i].data + '</td></tr>');
}
});
}
getComments();
Aqui esta onde fica minha table
```<table class="table table-striped shadow p-3 mb-5 bg-white rounded">
<thead>
<tr class="text-center">
<th> Descrição </th>
<th> Tipo/Serviço </th>
<th> Valor </th>
<th> Data </th>
</tr>
</thead>
<tbody class="servicos">
</tobody>
</table> ´´´