Estou a usar uma requisição assíncrona para retornar a tabela actualizada e substituir a anterior, mas estou com problemas ao mostrar os dados.
Código com a minha tabela:
<div id="spoiler" style="display: none;">
<table class="table table-responsive" id="employee_table">
<h1 style="font-size: 30px"><strong>Saída de Luvas</strong></h1>
<thead>
<tr>
<th>Colaborador</th>
<th>Tipo Luva</th>
<th>Tamanho</th>
<th>Estado</th>
<th>Ação</th>
<th>Eliminar</th>
</tr>
</thead>
<tbody>
<tr>
<?php do{ ?>
<td><?php echo $produto["nome"]; ?></td>
<td><?php echo $produto["Tipo"]; ?></td>
<td><?php echo $produto["Tamanho"]; ?></td>
<td><?php echo $produto["Estado"]; ?></td>
td><button type="button" name="edit" id="<?php echo $produto["Id"]; ?>" data-toggle="modal" href="#add_data_Modal" class="btn btn-warning btn-sm edit_data" /><span class="glyphicon glyphicon-pencil"></span></button></td>
<td><button type="button" id="<?php echo $produto["Id"]; ?>" class="btn btn-dander btn-sm delete" onclick="remove(this)"/><span class="glyphicon glyphicon-trash"></span></button></td>
</tr>
<?php } while($produto = $result->fetch_assoc()); ?>
</tbody>
</table>
</div>
Js:
function inserir_registo()
{
var dadosajax = {
'Id' : $("#Id").val(),
'TipoLuvas' : $("#TipoLuvas").val(),
'Tamanho' : $("#Tamanho").val(),
'Quantidade' : $("#Quantidade").val(),
'Observacao1' : $("#Observacao1").val(),
'Estado' : $("#Estado").val()
};
$.ajax({
url: './atribuicaoluvas',
type: 'POST',
cache: false,
data: dadosajax,
error: function(){
$(".error_message").removeClass('hide');
},
success: function(result)
{
(function ($) {$(document).ready(function () {
$('#add_data_Modal').modal('hide');
});
})(jQuery);
$.ajax({
//link o arquivo php que fará a consulta para atualizar a tabela
url: './atualizarluvas',
type: 'get',
success: function(data){
$("#employee_table").empty();
$("#employee_table").append(data);
}
});
}
});
}
O arquivo atualizarluvas
é o que utilizo para atualizar a tabela:
$query = "SELECT raddb.RequisicaoLuvas.Id, nome, Tipo, raddb.TamanhoLuvas.Tamanho, Quantidade, Observacao, DataRequis, raddb.Status.Estado
FROM raddb.RequisicaoLuvas LEFT OUTER JOIN raddb.TipoLuvas
ON raddb.TipoLuvas.Id = raddb.RequisicaoLuvas.TipoLuvas LEFT OUTER JOIN raddb.TamanhoLuvas
ON raddb.TamanhoLuvas.Id = raddb.RequisicaoLuvas.Tamanho LEFT OUTER JOIN raddb.usuarios
ON raddb.usuarios.id = raddb.RequisicaoLuvas.Colaborador LEFT OUTER JOIN raddb.Status
ON raddb.Status.Id = raddb.RequisicaoLuvas.Estado WHERE raddb.Status.Estado = 'Pendente'";
$result = mysqli_query($conn, $query);
$row = mysqli_fetch_array($result);
echo json_encode($row);
Mas quando faço editar e gravo, mostra assim a tabela atualizada:
Mas devia mostrar o resultado da seguinte forma:
success
do seu ajax vc precisa montar a tabela, vc está apenas jogando o json no seu html. Você pode mandar a tabela montada nophp
ou montar no seu success do ajax. – Kayo Bruno 2/09/19 às 12:30