Uma simples pesquisa que usa php/ajax e retorna em tempo real a cada tecla pressionada

criando o banco, uma tabela e inserindo valores

CREATE DATABASE PESQUISA;
USE PESQUISA;
CREATE TABLE NOMES (
id INT AUTO_INCREMENT,
nome VARCHAR(45) NOT NULL,
PRIMARY KEY (id),
UNIQUE (nome)
);
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)
insert into NOMES(id,nome)

values
values
values
values
values
values
values
values
values
values
values
values
values
values

(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,
(NULL,

'JOAO');
'MARIA');
'AFONSO');
'VICTOR');
'BARBARA');
'CRISTINA');
'NICOLE');
'GERALDO');
'RICARDO');
'DEUS');
'ELIANE');
'FABIO');
'HELAINE');
'ILTON');

Arquivo: index.php
<script language="javascript" src="ajax.js"></script>
<script language="javascript" src="instrucao.js"></script>
<script>
function envia_pesquisa(){
var pagina = "pesq_nome.php?nome="+document.getElementById('nome').value;
abrirPag(pagina);
}
</script>
<table>
<tr>
<td>
Nome:
</td>
<td>
<input type="text" id="nome" onkeyup=envia_pesquisa()>
</td>
</tr>
</table>
<div id="baixo">
<?php
require "pesq_nome.php";
?></div>

Arquivo: pesq_nome.php
<table border='1'>
<tr>
<td>
ID

</td>
<td>
Nome
</td>
</tr>
<?php
mysql_connect("localhost","root","") or die(mysql_error());
mysql_select_db("pesquisa") or die(mysql_error());
$query

= "SELECT * FROM NOMES";

if (isset($_GET['nome']){
$nome = $_GET['nome'];
$query .= " WHERE `nome` LIKE '{$nome}%'";
}
$query .= " ORDER BY `nome`";
$sql = mysql_query($query) or die(mysql_error());
while($linha=mysql_fetch_assoc($sql)){
echo "<tr>";
echo "<td>".$linha['id']."</td>";
echo "<td>".$linha['nome']."</td>";
echo "</tr>";
}
echo "</table>";
mysql_close();
?>

Arquivo: ajax.js
function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
var xmlRequest = GetXMLHttp();

Arquivo: intrucao.js
function abrirPag(valor){
var url = valor;
xmlRequest.open("GET",url,true);
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("baixo").innerHTML = "Abrindo...";
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("baixo").innerHTML = xmlRequest.responseText;
}
}

salva todos os arquivos na mesma pasta