Agregar datos de la BD desde Jquery / Ajax

erickmpos · #1 (**permalink**) 12/05/2016, 15:57

Buenas compañer@s, tengo una duda, como hago para que a la hora de hacer un llamado por AJAX, este me devuelva los datos de la base de datos y me los pueda poner en un input, ya que he visto en algunos ejemplos que se puede hacer con un <span> pero no he logrado averiguar como hacerlo con un <input>
Este es un ejemplo que me hace el programa al momento y que de igual manera quiero poner donde dice Apellido: que se coloque el apellido pero me lo pone a la par del nombre, por ejemplo:
Ingresar el id: 2
Nombre: Juan
Perez

Apellido:

Adjunto mi codigo: index.php

Código PHP:

Ver original<html>
 
<head>
 
<script type="text/javascript" src="js/jquery-2.2.1.min.js"></script>
 
<script>
function realizaProceso(valorId){
        var parametros = {
                "valorId" : valorId
        };
        $.ajax({
                data:  parametros,
                url:   'busqueda.php',
                type:  'post',
                beforeSend: function () {
                        $("#resultado").html("buscando, espere por favor...");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
}
</script>
 
</head>
 
<body>
 
Ingresar el id:
 
<input type="text" name="caja_texto" id="valor1" value="" onKeyUp="realizaProceso($('#valor1').val());"/> 
 
 <br/>
 
Nombre: 
<span id="resultado">Ninguno</span><br /><br />
Apellido:
 
</body>
 
</html>

Este es la busqueda.php

Código PHP:

Ver original<?php 
$id = $_POST['valorId'];
 
$conexion = mysqli_connect("localhost", "root", "", "mmv"); 
$sql = "SELECT * FROM mmv001 WHERE id = '".$id."'";
$consulta = mysqli_query($conexion, $sql);
$resultados = mysqli_fetch_array($consulta);
 
echo $resultados['nombre'];
?>
<br />
<?php
echo $resultados['apellido'];

Espero me pueda ayudar a solucionar esto y la vez, si yo borro el id, que se me mantenga la información en el input. lo cual ahorita no lo hace, ya que si yo borro, se me borra el nombre y apellido.
Muchas gracias!
Saludos

danielpatc · #2 (**permalink**) 13/05/2016, 08:57

Creo que lo que quieres hacer es esto:

Código Javascript:

Ver original<script src="../js/jquery.js"></script>
    <script>
        function realizaProceso(valorId){
            var parametros = {
                "valorId" : valorId
            };
            $.ajax({
                data:  parametros,
                url:   'busqueda.php',
                type:  'post',
                beforeSend: function () {
                    $("#resultado").html("buscando, espere por favor...");
                },
                success:  function (response) {
                    var res = response.split(",");
                    $("#nombre").html(res[0]);
                    $("#ape").html(res[1]);
                }
            });
        }
    </script>

Código HTML:

Ver original<body>
    Ingresar el id:
 
    <input type="text" name="caja_texto" id="valor1" value="" onKeyUp="realizaProceso($('#valor1').val());"/> 
 
    <br/>
 
    Nombre: 
    <span id="nombre">Ninguno</span> <br>
    Apellido:
    <span id="ape">Ninguno</span> <br>
</body>

Código PHP:

Ver original<?php 
$id = $_POST['valorId'];
 
$conexion = mysqli_connect("localhost", "root", "", "mmv"); 
$sql = "SELECT * FROM mmv001 WHERE id = '".$id."'";
$consulta = mysqli_query($conexion, $sql);
$resultados = mysqli_fetch_array($consulta);
 
$respuesta = $resultados['nombre'].','.$resultados['apellido'];
echo $respuesta;
?>

Cuando escribas el id en va a aperecer el nombre y apellido de la base de datos