Edito:
Estoy trabajando en un proyecto de un sistema web de gestión de pedidos. He conseguido mostrar la lista de productos con el plugin datatables y todo va genial. El problema es que al ser miles de productos la tabla va muy lenta debido al foreach, he visto que con server-side de datatables va muchísimo más rápido, pero al intentarlo los campos de búsqueda no me funciona y me da error json tn1. Me gustaría saber como puedo implementar el server-side y que siga funcionando los campos de búsqueda.
lista_producto.php
<?php
session_start();
if(!isset($_SESSION['arra'])){
$_SESSION['arra']=array();
}
include "../conexion.php";
/*$consulta = "SELECT p.REFERENCIA,p.ID,p.TALLA,p.COLOR,
p.IMAGEN,p.DESCRIPCION,p.PRECIO,pr.PROVEEDOR
FROM productos p
INNER JOIN proveedores pr
ON p.PROVEEDOR = pr.idproveedor";
$resultado = mysqli_query($conection, $consulta);
$productos = mysqli_fetch_all($resultado,MYSQLI_ASSOC);
mysqli_close($conection);*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.5/css/responsive.bootstrap4.min.css">
<?php include "includes/script.php"; ?>
<title>Lista Productos</title>
</head>
<body>
<?php include "includes/header.php"?>
<section id="container">
<?php
function arr(){
if(!empty($_GET['id'])){
$nombre=$_GET['id'];
}else{
$nombre="";
}
if($nombre!=""){
$_SESSION['arra'][$nombre]=0;
}
if(!empty($_SESSION)){
}
}
?>
<br>
<h1>Lista de Productos</h1>
<a href="registro_producto.php" class="btn_new"> Cargar productos (CSV)</a>
<table id="productos" class="table-striped table-bordered" style="width:100%">
<thead class="text-center">
<th>Referencia</th>
<th>ID</th>
<th>Proveedor</th>
<th>Talla</th>
<th>Color</th>
<th>Imagen</th>
<th>Descripción</th>
<th>Precio</th>
<th>Pedidos</th>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
</table>
<?php
arr();
?>
</section>
<?php include "includes/footer.php"?>
<script>
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#productos thead tr').clone(true).appendTo( '#productos thead' );
$('#productos thead tr:eq(1) th').each( function (i) {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="Buscar '+title+'" />' );
$( 'input', this ).on( 'keyup change', function () {
if ( table.column(i).search() !== this.value ) {
table
.column(i)
.search( this.value )
.draw();
}
} );
}
);
var table = $('#productos').DataTable( {
"order": [[1, "asc"]],
"language":{
"lengthMenu": "Mostrar _MENU_ registros por pagina",
"info": "",
"decimal": ",",
"thousands": ".",
"infoEmpty": "No hay registros disponibles",
"infoFiltered": "(filtrada de _MAX_ registros)",
"loadingRecords": "Cargando...",
"processing": "Procesando...",
"search": "Buscar:",
"zeroRecords": "No se encontraron registros coincidentes",
"paginate": {
"next": ">>",
"previous": "<<",
"first": "<|",
"last": "|>"
},
},
orderCellsTop: true,
fixedHeader: true,
scrollY: '50vh',
scrollCollapse: true,
"pagingType": "full_numbers",
"processing": true,
"serverSide":true,
"ajax":{
url:"server-side-productos.php",
type:"post"
},
} );
} );
</script>
</body>
</html>
server-side-productos.php
<?php
$con=mysqli_connect('localhost','root','','central_uniformes')
or die("connection failed".mysqli_errno($con));
$request=$_REQUEST;
$col =array(
0 => 'REFERENCIA',
1 => 'ID',
2 => 'PROVEEDOR',
3 => 'TALLA',
4 => 'COLOR',
5 => 'IMAGEN',
6 => 'DESCRIPCION',
7 => 'PRECIO'
); //create column like table in database
$sql ="SELECT p.REFERENCIA,p.ID,p.TALLA,p.COLOR,
p.IMAGEN,p.DESCRIPCION,p.PRECIO,pr.PROVEEDOR
FROM productos p
INNER JOIN proveedores pr
ON p.PROVEEDOR = pr.idproveedor";
$query=mysqli_query($con,$sql);
$totalData=mysqli_num_rows($query);
$totalFilter=$totalData;
//Search
$sql ="SELECT * FROM productos WHERE 1=1";
if(!empty($request['search']['value'])){
$sql.=" AND (p.REFERENCIA Like '".$request['search']['value']."%' ";
$sql.=" OR p.ID Like '".$request['search']['value']."%' ";
$sql.=" OR pr.PROVEEDOR Like '".$request['search']['value']."%' ";
$sql.=" OR p.TALLA Like '".$request['search']['value']."%' ";
$sql.=" OR p.COLOR Like '".$request['search']['value']."%' )";
$sql.=" OR p.IMAGEN Like '".$request['search']['value']."%' )";
$sql.=" OR p.DESCRIPCION Like '".$request['search']['value']."%' )";
$sql.=" OR p.PRECIO Like '".$request['search']['value']."%' )";
}
$query=mysqli_query($con,$sql);
$totalData=mysqli_num_rows($query);
//Order
$sql.=" ORDER BY ".$col[$request['order'][0]['column']]." ".$request['order'][0]['dir']." LIMIT ".
$request['start']." ,".$request['length']." ";
$query=mysqli_query($con,$sql);
$data=array();
while($row=mysqli_fetch_array($query)){
$subdata=array();
$subdata[]=$row[0]; //id
$subdata[]=$row[1]; //name
$subdata[]=$row[2]; //salary
$subdata[]=$row[3]; //age //create event on click in button edit in cell datatable for display modal dialog $row[0] is id in table on database
$subdata[]=$row[4];
$subdata[]=$row[5];
$subdata[]=$row[6];
$subdata[]=$row[7];
/*$subdata[]='<button type="button" id="getEdit" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModal" data-id="'.$row[0].'"><i class="glyphicon glyphicon-pencil"> </i>Edit</button>
<a href="index.php?delete='.$row[0].'" onclick="return confirm(\'Are You Sure ?\')" class="btn btn-danger btn-xs"><i class="glyphicon glyphicon-trash"> </i>Delete</a>';*/
if(!empty($_SESSION['arra'])){
$diferente=0;
foreach( $_SESSION['arra'] as $key=>$value) {
if($row[1]!=$key){
$diferente=$diferente+1;
}
}
if($diferente==count($_SESSION['arra'])){
$subdata[]= "
<form action='lista_producto.php' method='get' class='form_search'>
<input type='submit' class='btnAdd' value='Agregar' name='btn_add' >
<input type='hidden' value='$row[1]' name='id'>
</form>";
}else{
$subdata[]= "
<form action='lista_producto.php' method='get' class='form_search'>
<input type='submit' class='btnDel' value='Carrito' name='btn_add' >
<input type='hidden' value='$row[1]' name='id'>
</form>";
}
}else{
$subdata[]= "
<form action='lista_producto.php' method='get' class='form_search'>
<input type='submit' class='btnAdd' value='Agregar' name='btn_add' >
<input type='hidden' value='$row[1]' name='id'>
</form>";
}
$data[]=$subdata;
}
$json_data=array(
"draw" => intval($request['draw']),
"recordsTotal" => intval($totalData),
"recordsFiltered" => intval($totalFilter),
"data" => $data
);
echo json_encode($json_data);
?>
$_GET['id']
, luego en$producto["id"]
seria mejor hacerlo con$producto['id']
porque las comillas cierran el href según veo.<td>
no llevan el punto y coma<?php echo $producto['PRECIO']?>
y elhref
si<?php echo $producto["REFERENCIA"];?>
. ¿Has probado a quitarlo?