Mira, algo como borrar en tu archivo "recuperar.php" desde la línea 11 en adelante y colocar algo como:
Código:
...
while ($row = mysql_fetch_assoc($reg)){
$numero[]= $row['numero'];
}
echo json_encode($numero);
?>
y en tu archivo funcion.js
Código:
function objetoAjax() {
....
}
var numero = new Array();
function pedir(dato) {
Ajax = objetoAjax();
Ajax.open("get","recuperar.php?codigo=" + dato, true);
Ajax.onreadystatechange = function() {
if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
numero = eval(Ajax.responseText);
MostrarRegistros();
}
}
Ajax.send(null);
}
function MostrarRegistros(){
var contenido = '';
var longitud = numero.length;
for (i = 0; i< longitud; i++)
contenido += '<div id="registro'+i+'"><p>'+numero[i]+'</p></div>';
document.getElementById('ajax_datos').innerHTML = contenido;
}
Otro problema que tienes es que estás llamando al fichero "recuperar.php" pasando como variable en el get "numero" y en "recuperar.php" estás intentando capturar la variable "codigo", debieran tener el mismo nombre.
Obviamente el código que te presento no tiene consideraciones de seguridad, eficiencia, ni nada, eso debiera correr por tu cuenta, tampoco se si lo devuelto por recuperar.php va a ser usado en algo más, pero eso ya es harina de otro costal.