Boa noite pessoal. Estou usando php + codeigniter porém creio que isso seja independente do framework ou linguagem.
O que ocorre é que ao inserir um registro gostaria de atualizar somente a DIV da minha tabela com os novos registros. Vejam abaixo no meu codigo.
$('#formulario_clientes').ajaxForm({
success: function (data) {
$('#modalCliente').modal('toggle');
$('#modalSucesso').modal('show');
window.setTimeout(function () {
$("#modalSucesso").modal("hide");
$("#myTable").load(base_url+'index.php/Cliente/Clientes/consultaClientesSemRefresh');
}, 2000);
}
});No exemplo acima ao ocorrer uma inserção eu chamo um modal de sucesso, aguardo 2 segundos e tento carregar o conteudo para a DIV sem atualizar a pagina toda. Porém o que ocorre é uma duplicação de conteudo, ou seja ele carrega a minha tablea novamente, ficando 2 tabelas na mesma pagina.
Abaixo código da minha table.
<table class="table table-hover" id="myTable">
<thead>
<tr>
<th><b>Nome</b></th>
<td><b>Telefone</b></td>
<th><b>Cidade</b></td>
<th><b>Estado</b></td>
</tr>
</thead>
<tbody class="resultados">
<?php foreach ($results as $data) : ?>
<tr id="info">
<td style="display:none;"><?= $data->id_cliente ?></td>
<td><?= $data["nomeCliente"] ?></td>
<td><?= $data["telefoneCliente"] ?></td>
<td><?= $data["nomeCidade"] ?></td>
<td><?= $data["nomeEstado"] ?></td>
<td>
<a>
<button style="background-color:transparent" class="btn btn-primary-outline glyphicon glyphicon-trash" onclick="modalDelete(<?= $data["id_cliente"]?>)" value="<?= $data["id_cliente"] ?>">
</button>
</a>
</td>
<td>
<a>
<button style="background-color:transparent; outline: none;" class="btn btn-primary-outline glyphicon glyphicon-edit" title="Editar" data-toggle="modal" data-target="#modalCliente" data-whatever="<?= $data["nomeCliente"] ?>"
data-whatevercpfcnpj="<?= $data["CPF_CNPJ"]?>"
data-whatevernasc="<?= $data["dataNascimento"]?>"
data-whatevertelefone="<?= $data["telefoneCliente"]?>"
data-whatevercidade="<?= $data["nomeCidade"]?>"
data-whateverestado="<?= $data["id"]?>"
data-whateverendereco="<?= $data["enderecoCliente"]?>"
data-whateverbairro="<?= $data["bairroCliente"]?>"
data-whateveremail="<?= $data["emailCliente"]?>"
data-whatevercomplemento="<?= $data["bairroCliente"]?>"
data-whateverid = "<?= $data["id_cliente"]?>">
</button>
</a>
</td>
<td>
<a>
<button style="background-color:transparent" class="btn btn-primary-outline glyphicon glyphicon-eye-open" title="Vizualizar" data-toggle="modal" data-target="#modalClienteView" data-whatever="<?= $data["nomeCliente"] ?>"
data-whatevercpfcnpj="<?= $data["CPF_CNPJ"]?>"
data-whatevernasc="<?= $data["dataNascimento"]?>"
data-whatevertelefone="<?= $data["telefoneCliente"]?>"
data-whatevercidade="<?= $data["nomeCidade"]?>"
data-whateverestado="<?= $data["nomeEstado"]?>"
data-whateverendereco="<?= $data["enderecoCliente"]?>"
data-whateverbairro="<?= $data["bairroCliente"]?>"
data-whateveremail="<?= $data["emailCliente"]?>"
data-whatevercomplemento="<?= $data["bairroCliente"]?>"
data-whateverid = "<?= $data["id_cliente"]?>">
</button>
</a>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>Estou apenas fazendo um load por cima é o que me parece, teria alguma forma de corrigir isso?
Obrigado.
