¿Como construir array luego de callback json y que quede disponible globalmente?

[cristian_cena]

Hola amigos, les comento la situación que estoy tratando de resolver:
Realizo una consulta a la DB con ajax, a partir de esto necesito que con la respuesta se valla formando un array, al cual poder acceder en el futuro.
A los fines de tener la misma tabla de la base de datos dentro de un array javascript.
Con esto pretendo consultar una sola vez a la DB y cada vez que necesite esa informacion pedirsela al array javascript.

Si no hago esto debo realizar 80 consultas, lo cual hice y como resultado obtuve que demora muchisimo en cargar los datos, cuando no se cuelga el navegador .

Para ello hago lo siguiente:

Código Javascript:

var miarreglo = new Object;
function fileManagerCliente(){
    $.getJSON("modulos/productos/ajax_controller.php?action=selectFiles", function(data){ miarreglo = data; }); 
}
 
//y luego llamo la función.
$(document).ready(function(){
    fileManagerCliente();
    alert(miarreglo);
});
 

Entiendo que estoy haciendo muy mal esto, agradezco puedan corregirme.
Supongo que así como lo tengo, el arreglo "miarreglo" se crea en el contexto global.

Aclaro: En el modelo (php) devuelvo los datos en formato json con json_encode(); esto lo tengo resuelto. Por lo tanto, el problema se me presenta solo en el lado cliente.


Desde ya muchisimas gracias por su ayuda.

[America|UNK]

Estás usando el methodo getJSON y a continuación quieres ejecutar con un alert el contenido de la respuesta, lo lógico es que cuando usas el alert aún no se carga el JSON.

La función que uses con los datos de ajax debería ejecutarse cuando termine la carga del json
por ejm:

Código Javascript:

var miarreglo = new Object;
    function fileManagerCliente(){
        $.getJSON("modulos/productos/ajax_controller.php?action=selectFiles", funcionClientes);
    }
     
    //y luego llamo la función.
    function funcionClientes(data){
        miarreglo = data; 
        fileManagerCliente();
        alert(miarreglo);
    };