traer datos completando el DNI

[andresdzphp]

Te dejo un ejemplo para que te guíes y mires más o menos como hacerlo.

Código Javascript:

function chk_afiliado(){
    
    if (document.getElementById('dni').value != '') {
    var url = 'consultar.php';
    var dni = document.getElementById('dni').value;
    var req = new XMLHttpRequest();
    if (req) {
    req.onreadystatechange = function() {
    if (req.readyState == 4 && req.status == 200) {
    var campos = req.responseText.split('//');
    document.getElementById('nombre').value = campos[0];
    document.getElementById('apellido').value = campos[1];
    document.getElementById('barrio').value = campos[2];
    }
    }
    req.open('POST', url +'?denei='+dni,true);
    req.send(null);
    }
    }
}
 

Código HTML:

<form action="pruebas.php" method="post">
    
    DNI: <input type="text" name="dni" id="dni"> 
    <input type="button" value="Consultar" id="consultar" onclick="chk_afiliado();">
    <br /><br />
    Nombre: <input type="text" name="nombre" id="nombre" size="30" readonly><br />
    Apellido: <input type="text" name="apellido" id="apellido" size="30" readonly><br />
    Barrio: <input type="text" name="barrio" id="barrio" size="30" readonly><br /><br />
    
    <input type="submit" value="Enviar" id="enviar">
    
</form>
 

consultar.php

Código PHP:

<?php
 
$dni = (isset($_REQUEST['denei'])) ? $_REQUEST['denei'] : '';
 
$c = mysql_connect('localhost', 'user', 'pass');
mysql_select_db('base_de_datos');
 
$sql = "select * from persona INNER JOIN barrio ON persona.barrio = barrio.id where dni='".$dni."' limit 1";
 
$res = mysql_query($sql);
 
if ($reg = mysql_fetch_array($res)) {
    echo $reg[2].'//'.$reg[3].'//'.$reg[6];
}