php - Trying to bring data with an input -
i'm trying populate inputs depending other inputs, when fill first input thishow me error of problems connect data base
this html
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>poc ajax cliente</title> </head> <body> <div id="cliente"> <form action="" method="post"> <label for="nombre">nombre</label> <input type="text" id="nombre" name="nombre" value="" placeholder="nombre.." /> <br /> <label for="direccion">dirección</label> <input type="text" id="direccion" name="direccion" value="" placeholder="dirección.." /> <br /> <label for="telefono">teléfono</label> <input type="text" id="telefono" name="telefono" value="" placeholder="teléfono..." /> </form> </div> <div id="estado">esperando input.</div> <!-- scripts --> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script> <script type="text/javascript" src="cliente.js"></script> </body> </html> this client.js
$(function(){ /* ponemos evento blur la escucha sobre id nombre en id cliente. */ $('#cliente').on('blur','#nombre',function(){ /* obtenemos el valor del campo */ var valor = this.value; /* si la longitud del valor es mayor 2 caracteres.. */ if(valor.length>=3){ /* cambiamos el estado.. */ $('#estado').html('cargando datos de servidor...'); /* hacemos la consulta ajax */ var consulta = $.ajax({ type:'post', url:'cliente.php', data:{nombre:valor}, datatype:'json' }); /* en caso de que se haya retornado bien.. */ consulta.done(function(data){ if(data.error!==undefined){ $('#estado').html('ha ocurrido un error: '+data.error); return false; } else { if(data.telefono!==undefined){$('#cliente #telefono').val(data.telefono);} if(data.direccion!==undefined){$('#cliente #direccion').val(data.direccion);} $('#estado').html('datos cargados..'); return true; } }); /* si la consulta ha fallado.. */ consulta.fail(function(){ $('#estado').html('ha habido un error contactando el servidor.'); return false; }); } else { /* mostrar error */ $('#estado').html('el nombre tener una longitud mayor 2 caracteres...'); return false; } }); }); and client.php make consult db
<?php require 'config/conexion.php'; if(!empty($_post['nombre'])){ $nombre = $_post['nombre']; $sql = "select * usuarios nombre = '.$nombre.'"; $stmt = $pdo->prepare($sql); $stmt ->execute(); $arrdatos = $stmt->fetchall(pdo::fetch_assoc); if($arrdatos){ foreach ($arrdatos $row) { $return = array ('telefono' => $row['telefono'], 'direccion' => $row['direccion']); } } else { $return = array('error'=>'el nombre no esta guardado en la base de datos'); } die(json_encode($return)); } when put in first input message apears there problem connection data base
Comments
Post a Comment