JQuery - Mandar llamar una consulta de php utilizando jquery

   
Vista:
Imágen de perfil de Roberto

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í:
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad