intento crear un formulario de búsqueda de la siguiente forma:
- Por defecto aparece el historial de pedidos:
$(document).ready(function(){ $.ajax({ type: 'POST', url: 'php/cargar_historial.php' }) .done(function(listas_rep){ $('#historial').html(listas_rep) }) .fail(function(){ alert('Hubo un errror al cargar el historial de pedidos') }) })
Hasta aqúi, todo bien, me muestra por defecto el historial sin problemas. Ahora, arriba de la tabla, he añadido un "form" con 4 campos para "buscar" en el historial.
<form..
<th><input type="text" id="NPedido" placeholder="N Pedido"></th>
<th><input type="text" id="Fecha" placeholder="Fecha"></td>
<th><input type="text" id="Codigo" placeholder="Codigo"></th>
<th><input type="text" id="Cliente" placeholder="Cliente"></th>
<input style="width: 100%;" type="submit" id="submit" value="Buscar">
</form>
Al que intento realizar la búsqueda con este código.
JQuery:
$(document).ready(function(){
$("#buscar_pedidos").submit(function(){
var id_pedido = $('#NPedido').val()
$.ajax({
type: 'POST',
url: 'php/buscar_npedido.php',
data: {'id': id_pedido}
})
.done(function(listas_rep){
$("#historial").empty();
$('#historial').html(listas_rep)
})
.fail(function(){
alert('Hubo un errror al cargar los datos')
})
})
})
PHP:
<?php
require_once 'conexion.php';
function getPedidosN(){
$mysqli = getConn();
$id = $_POST['id'];
$query = "SELECT * FROM `historial` WHERE npedido == $id";
$result = $mysqli->query($query);
$indices = '<table>
<thead>
<tr>
<th>NumP</th>
<th>Fecha</td>
<th>Codigo</th>
<th>Cliente</th>
<th>Referencia</th>
<th>Detalles</th>
<th>Lente</th>
</tr>
</thead>';
while($row = $result->fetch_array(MYSQLI_ASSOC)){
$indices .= '<tbody>
<tr>
<td>' .$row[npedido]. '</td>
<td>' .$row[fecha]. '</td>
<td>' .$row[cod_cliente]. '</td>
<td>' .$row[nombre_cliente]. '</td>
<td>' .$row[referencia]. '</td>
<td>' .$row[detalles]. '</td>
<td>' .$row[tipo]. '</td>
</tr>
</tbody>';
}
$indices .= '</table>';
return $indices;
}
echo getPedidosN();