Como solucionar un script que utiliza ajax?

[pithon]

Hola a todos, Tecna tienes razon los datos donde realizo los arrays para utililzarlos en el div registro lo tengo en el scritp resultado.php como muestra el codigo ajax lo tengo asin:

resultado.php

Código PHP:

<?php
//conexion db
//creo una consulta sql llamada $consulta dinamica segun la opcion que elijas
//despues recupero los arrays php para pasarlos a javascript
$nombres = array();
$empresas = array();
$cargos=array();
 
while ($row = mysql_fetch_array($consulta)){
$nombres[]= $row['nombre'];
$empresas[]= $row['empresa'];
$cargos[]=$row['cargo'];
}
?>
 
<script type="text/javascript">
var nombres = new Array();
var empresas = new Array();
var cargos = new Array();
 
<?php
for ($i = 0, $total = count($nombres); $i < $total; $i ++)
echo "\nnombres[$i] = '$nombres[$i]';";
for ($i = 0, $total = count($empresas); $i < $total; $i ++)
echo "\nempresas[$i] = '$empresas[$i]';";
for ($i = 0, $total = count($cargos); $i < $total; $i ++)
echo "\ncargos[$i] = '$cargos[$i]';";
?>
 
 
    var pos = 0;
     function MostrarRegistos(){
        for (i=1;i<=3;i++){
                 
                 nombre = nombres[pos];
                 empresa = empresas[pos];
                 cargo = cargos[pos];
               
document.getElementById("registro"+i).innerHTML ='Cargo:'+cargo+'<br>'+nombre+'<br>'+empresa+'';
                pos++;
                if(pos>=(nombres.length)){pos = 0}
            }
        }
            
        window.onload = MostrarRegistos;
        
        setInterval(MostrarRegistos,8000)
        
</script>
   
           
 <div id="registro1"></div>
 <div id="registro2"></div>
 <div id="registro3"></div>
 

despues donde quiero mostrar los resultados que es en otro script, pongo el div con el id resultado y no me funciona me dice que defina cargo, nombre y empresa.
Pero si pongo la consulta sql de forma estatica si que me funciona el codigo javascript.

Alguna ayuda?

Saludos