eliminar desde boton en tabla
Publicado por leo (50 intervenciones) el 26/02/2016 08:51:19
Hola tengo un problema, tengo una tabla la cual tiene un boton eliminar por cada registro q se encuentra en la tabla, al momento de presionar sobre eliminar me abre un modal para ver si esta seguro de querer eliminar el registro pero al momento de poner OK no lo elimina, hago un alert para ver si trae el ID del registro seleccionado y me undefined. A continuacion les dejo el codigo. Muchas gracias
eliminar_producto.php
mostar_productos.php
mi.js
listar_productos.php
eliminar_producto.php
1
2
3
4
5
6
<?php
include('conexion.php');
$producto = $_POST['codigo'];
$sql = "DELETE FROM producto where id = $producto";
$rs = mysqli_query($conn, $sql);
?>
mostar_productos.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
include('conexion.php');
$sql = "SELECT id, nombre, tipo, precio, fecha_regis, unidades, descripcion, codigo FROM producto";
$registro = mysqli_query($conn, $sql);
$i=0;$tabla = "";
while($row = mysqli_fetch_array($registro))
{$eliminar = '<a href=\"#\" data-toggle=\"modal\" data-target=\"#myModal\" data-id=\"'.$row['id'].'\" id=\"'.$row['id'].'\"><img border=\"0px\" src=\"./images/eliminar.png\" alt=\"Eliminar\"/></a>';
$tabla.='{"id":"'.$row['id'].'","nombre":"'.$row['nombre'].'","tipo":"'.$row['tipo'].'","precio":"'.$row['precio'].'","fecha_regis":"'.$row['fecha_regis'].'","unidades":"'.$row['unidades'].'","descripcion":"'.$row['descripcion'].'","codigo":"'.$row['codigo'].'","acciones":"'.$eliminar.'"},';
$i++;
}$tabla = substr($tabla,0, strlen($tabla) - 1);
echo '{"data":['.$tabla.']}';
?>
mi.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(document).ready(function() {
$('#borrarproducto').on('click', function(){
var codigo = $(this).data('id');
$.ajax({
type: 'POST',
data: codigo,
url: 'scripts/eliminar_producto.php',
success: function(data){
listar();
}});
});
});
function listar(){
var str = $("#dataTableProductos").serialize();
$.ajax({
url: 'vistas/listar_productos.php',
type: 'get',
data: str,
success: function(data){
$("#contenido").html(data);
}});
}listar_productos.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/dataTables.bootstrap.min.js"></script>
<script src="js/mi.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.min.css">
<button type="submit" class="btn btn-success" data-toggle="modal" data-target="#modalproductos"><span class="glyphicon glyphicon-plus"></span> Nuevo Producto</button>
<!-- Modal --><div class="modal fade" id="modalproductos" id="producto_form"tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Nuevo Producto</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<input type="text" class="form-control" name="codigoproducto" id="codigoproducto" placeholder="Codigo"><br>
<input type="text" class="form-control" name="tipoprocducto" id="tipoprocducto" placeholder="Tipo"><br>
<input type="text" class="form-control" name="nombreproducto" id="nombreproducto" placeholder="Nombre"><br>
<input type="number" class="form-control" name="precioproducto" id="precioproducto" placeholder="Precio"><br>
<input type="number" class="form-control" name="unidadesproducto" id="unidadesproducto" placeholder="Unidades"><br>
<textarea name="descripcionproducto" class="form-control" id="descripcionproducto" placeholder="Descripción" rows="3"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<div id="contenidoRegistro"></div>
<div id="mensaje"></div>
<button type="button" class="btn btn-success" id="guardarproducto" name="guardarproducto">Guardar</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content--><div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Confirmacion</h4>
</div>
<div class="modal-body">
<p>¿Esta seguro que desea borrar este registro?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="borrarproducto" name="borrarproducto">SI</button>
<button type="button" class="btn btn-default" data-dismiss="modal">NO</button>
</div>
</div>
</div>
</div>
<table id="dataTableProductos" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>ID</th>
<th>Nombre</th>
<th>Tipo</th>
<th>Precio</th>
<th>fecha</th>
<th>Unidades</th>
<th>Descripcion</th>
<th>Codigo</th>
<th>Accion</th>
</tr>
</thead>
</tbody>
</table>
Valora esta pregunta
0