Foros del Web » Programando para Internet » PHP »

como consultar datos por ajax y atraerlos a un formulario

Estas en el tema de como consultar datos por ajax y atraerlos a un formulario en el foro de PHP en Foros del Web. Hola, estoy haciendo una aplicacion sencilla para guardar y consultar registro de un inventario. Consiste en lo siguiente: Tendremos un formulario HTML en el cual ...
  #1 (permalink)  
Antiguo 04/08/2014, 15:04
 
Fecha de Ingreso: agosto-2014
Mensajes: 1
Antigüedad: 10 años, 4 meses
Puntos: 0
como consultar datos por ajax y atraerlos a un formulario

Hola, estoy haciendo una aplicacion sencilla para guardar y consultar registro de un inventario.
Consiste en lo siguiente: Tendremos un formulario HTML en el cual el usuario escribe un nombre(con autocompletar), una vez capturado el nombre la información de los demas campos se rellenará automáticamente.

El codigo html
contiene el formulario con los siguientes Input's
<!--este es el input de autocompletado-->
<input type="search" name="producto" id="producto">
<!--este es el input que se llena con el auto-completado-->
<input name="precio" type="text" id="txtprecio"/>
<!--este es el input que se llena con el auto-completado-->
<input list="categoria" name="list" id="categorias" />
<datalist id="categoria">
<option label="dulces" value="dulces">
<option label="licor" value="licor">
<option label="otro" value="otro">
</datalist>
<!--este es el input que se llena con el auto-completado-->
<input type="number" name="codigo" id="txtcodigo" required />
<!--submit-->
<input type="button" value="guardar" id="btn_enviar">

<!--este es script ejecuta la funcion ajax-autocomplete-->
<script type="text/javascript">
// esta rutina se ejecuta cuando jquery esta listo para trabajar
$(document).ready(function()
{
// configuramos el control para realizar la busqueda de los productos
$("#producto").autocomplete({
source: "../modelo/buscarInventario.php",
minLength: 2,
});
});

$("#producto").focusout(function(){
$.ajax({
url:'../modelo/enviarInventario.php',
type:'POST',
dataType:'json',
data:{ producto:$('#producto').val()}
}).done(function(respuesta){
$("#txtprecio").val(respuesta.precio);
$("#categorias").val(respuesta.categoria);
$("#txtcodigo").val(respuesta.codigo);
});
});
</script>

************************************************** ***************

Este es el codigo del archivo buscarInventario.php

<?php

$conexion = mysql_connect("localhost","root","");
$bd = mysql_select_db("demos");

// aqui es para buscar
$criterio = $_GET['term'];
//$consulta = "SELECT nombre FROM tbl_productos WHERE nombre LIKE '%$nombre%'";
$result=mysql_query("SELECT nombre FROM tbl_productos WHERE nombre LIKE '%$nombre%'",$conexion);
$check_resul = mysql_num_rows($result);

//$result = $conexion->query($consulta);

if($check_resul > 0){
while($fila = $result->fetch_array()){
$matriculas[] = $fila['nombre'];
}
echo json_encode($matriculas);
}

?>

************************************************** ***************
Este es el codigo del archivo enviarInventario.php

<?php

$conexion = mysql_connect("localhost","root","");
$bd = mysql_select_db("demos");

$producto = $_POST['producto'];
$consulta = "SELECT precio,categoria,codigo FROM tbl_productos WHERE nombre = '$producto'";
$result = $conexion->query($consulta);

$respuesta = new stdClass();
if($result->num_rows > 0){
$fila = $result->fetch_array();
$respuesta->precio = $fila['precio'];
$respuesta->categoria = $fila['categoria'];
$respuesta->codigo = $fila['codigo'];
}
echo json_encode($respuesta);

?>

************************************************** ***************

la verdad nose porque no me anda alquien me podria ayudar?

Desde ya muchas gracias.!

Etiquetas: ajax-php-mysql, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:14.