Mandar llamar una consulta de php utilizando jquery
Publicado por Roberto (2 intervenciones) el 04/07/2017 19:22:56
Hola, les comento tengo una consulta hacia mi base de datos en la cual me muestra los folios de una orden de comida pero la quiero mostrar en la misma pagina y no en otra.
He investigado un poco pero aun no logro realizar lo que quiero espero me puedan ?
Del lado del cliente tengo mi estructura así:
Del lado de php mi pagina se llama "recibomesa.php" y realice la consulta de la siguiente manera:
Del lado de jquery realice lo siguiente:
He investigado un poco pero aun no logro realizar lo que quiero espero me puedan ?
Del lado del cliente tengo mi estructura así:
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
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/cssPlantilla.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<script src="css/bootstrap/js/bootstrap.min.js"></script>
</head>
<body onLoad="lista_checks('')">
<!-- menu --><section id="menu-list" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-12 text-center marb-35">
<h1 class="header-h">Impresión</h1>
</div>
<div class="col-md-12 text-center gallery-trigger">
<ul>
<li><a class="filter" data-filter=".category-1" href="comandas.php">Comandas</a></li>
<li><a class="filter" data-filter=".category-2" href="atendidos.php">Atendidos</a></li>
<li><a class="filter" data-filter=".category-3" href="logincancelados.php">Cancelados</a></li>
<li><a class="filter" data-filter=".category-4" href="loginmermas.php">Mermas</a></li>
<li><a class="filter" data-filter=".category-5" href="impresion.php">Impresión</a></li>
<li><a class="filter" data-filter=".category-6" href="loginreportes.php">Reportes</a></li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Recibo</h3>
</div>
<div class="panel-body" name="divpanel">
<form name="formulario" action="recibomesa.php" method="post" class="datagrid">
<table style="width:50%">
<tr>
<td>
<label>Mesa</label> </td>
<td><input name="txtMesa" type="text" class="text-success" style="width:100px" required></td>
<td><input name="submit" type="button" class="btn" id="btnMesa" value="Buscar folios"></td>
</tr>
</table>
</form>
</diV>
</div>
</div>
</div>
</section>
<!--/ menu --></body>
</html>
Del lado de php mi pagina se llama "recibomesa.php" y realice la consulta de la siguiente manera:
1
2
3
4
5
6
7
8
9
<?php
header('Content-type: text/html');
include ('genericos/conecta.php');
$numesa = $_POST['txtMesa'];
$querymesa = mysql_query("SELECT * FROM comandas WHERE cveMesa = $numesa AND `status` = 1");
while ($resmesa = mysql_fetch_array($querymesa)) {
echo json_encode($resmesa);
}?>
Del lado de jquery realice lo siguiente:
1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
function lista_checks(){
$.ajax{{
url:'recibomesa.php',
type:'POST',
data:'btnMesa';
}).done(function(respuesta)({
alert(respuesta);
}));
}</script>
Valora esta pregunta
0