Estou tentando excluir um item na minha view, que está em uma tabela do bootstrap. Estou usando thymeleaf + bootstrapno frontend. A ideia é pegar o id e passar pra uma janela modal do bootstrap e através da modal excluir o registro no banco. Mas não estou conseguindo passar o id pra função ajax excluir o registro. Alguém pode me ajudar? x.x
Segue os trechos de código:
HTML + JavaScript
<td><!-- th:href="${'/delete/' + user.id}" -->
<a class="btn btn-danger btn-xs" data-toggle="modal" th:href="'#'+${cliente.id}" >Excluir</a>
<!-- Modal Excluir -->
<div class="modal fade" id="deleteModal" th:id="${cliente.id}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modalLabel">Excluir Item</h4>
</div>
<div class="modal-body">Deseja realmente excluir este item? </div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="deleteCliente">Sim</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
</div>
</div>
</div>
</div><!-- Fim Modal Excluir -->
</td>
</tr>
<script>
$(document.this).ready(function () {
$('#deleteCliente').on("click", function(e){
e.preventDefault();
var Id = parseInt($(this).closest("td").attr("cliente.id"));
$.ajax({
type:"GET",
url:"/deleteClient",
data:{id:Id},
success:function (data) {
$("#clientes"+id).closest("td#"+data).parent("tr").remove();
}
});
});
});
</script>
JAVA
//Esse é o metodo do meu controler
@RequestMapping(value = "/deleteClient/{id}", method = RequestMethod.GET)
@ResponseBody
public String delete(@PathVariable("id") Long id) {
clientService.deleteClient(id);
return id.toString();
}