
Traer campos de una consulta en Json
Publicado por Gabriel Humberto (13 intervenciones) el 20/12/2016 17:21:44
Buen dia,
estoy intentando realizar lo siguiente, tengo un formulario en el index.php donde al escribir el nombre en el primer textbox y oprimir un boton de buscar, por medio de AJAX me consulte en una base de datos mysql en un operacion.php y me traiga al index.php los demas datos que son, celular y direccion de la persona
este es mi index.php
y este es mi operacion.php
la cuestion es que no realiza ninguna tarea, debo tener un error a mi parecer, en el operacion.php
estoy intentando realizar lo siguiente, tengo un formulario en el index.php donde al escribir el nombre en el primer textbox y oprimir un boton de buscar, por medio de AJAX me consulte en una base de datos mysql en un operacion.php y me traiga al index.php los demas datos que son, celular y direccion de la persona
este es mi index.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
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo AJAX</title>
<!--Libreria Jquery necesaria para lo que se va a realizar-->
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script>
//FUNCION QUE REALIZA EL PROCESO DE EVENTO
$(document).ready(function(){
//AL HACER CLICK EN EL BOTON boton_consultar QUE HAGA LO SIGUIENTE
$('#boton_consultar').click(function(){
// TOMO EL VALOR DE LA CAJA texbox_nombre y la guardo en una variable llamada Nombre
var Nombre = $('#texbox_nombre').val();
// ENVIO LA VARIABLE Nombre a la funcion realizaProceso
realizaProceso(Nombre);
});
});
//La funcion realizaProceso toma la variable que mandé arriba y la llamo valorCaja1js
function realizaProceso(valorCaja1js){
//convierto las variables a tipo Json
var parametros = {
"Nombre" : valorCaja1js
};
//Hago el llamado Ajax enviando parametros como datos
$.ajax({
data: parametros,
//Envio los datos al archivo operacion.php que es el que realiza la consulta por medio de POST
url: 'operacion.php',
type: 'post',
//Mientras no se devuelva nada, que muestre "Buscando..." en span1
beforeSend: function(){
$("#span1").html("Buscando..."); },
//cuando ya hay respuesta del archivo operacion.php, muestreme la respuesta que obtengo de alli en dos textbox, uno con el celular y otro con la direccion
success: function(respuesta){
$("#texbox_celular").val(respuesta.celular_consultado);
$("#texbox_direccion").val(respuesta.direccion_consultada);
}
});
}
</script>
</head>
<body>
<!--DE AQUI PARA ABAJO ES LA PARTE GRAFICA DONDE SE LE PIDE A LA PERSONA QUE INTRODUZCA EL NOMBRE DE LA PERSONA, SE CONSULTA EN MYSQL POR MEDIO DE AJAX Y SE COLOCA EN LOS DEMAS TEXTBOX EL CELULAR Y LA DIRECCION-->
<br>
<form>
Digite nombre de la persona:
<br>
<input type="text" name="caja_texto" id="texbox_nombre"/>
<input type="button" id="boton_consultar" value="Consultar"/>
<br>
El celular es:
<input type="text" name="caja_texto" id="textbox_celular"/>
<br>
La direccion es:
<input type="text" name="caja_texto" id="textbox_direccion"/>
<br>
<span id="span1"></span>
</form>
</body>
</html>
y este es mi operacion.php
1
2
3
4
5
6
7
8
9
10
<?php
$nombre="";
$link = mysql_connect('localhost', 'root', '') or die ('No se pudo conectar a BD: '. mysql_error());
mysql_select_db('facturacion') or die ('Error al seleccionar la BD');
$query='SELECT * FROM `clientes` WHERE `nombre` = "'.$_POST['Nombre'].'"';
$result=mysql_query($query) or die ('Error de consulta MYSQL: '.mysql_error());
$datos= mysql_fetch_array($result)
$datos=array("celular_consultado"=>"celular","direccion_consultada"=>"direccion");
echo json_encode($datos);
?>
la cuestion es que no realiza ninguna tarea, debo tener un error a mi parecer, en el operacion.php
Valora esta pregunta


0