Estoy atascado tratando de descubrir cómo crear una API de cierre con un inicializador de datos ajax.
Mi objetivo es inicializar un objeto de countries (hash de hashes de información del país) a través de una llamada ajax asíncrona (esta inicialización ocurre una vez en la carga de la página), luego estos datos se encapsulan en un cierre para que solo dos API estén visibles: uno getCountryInfo() que solo obtiene la información del país y countryAutoComplete() que es una API para la funcionalidad de autocompletar de jquery-ui.
Pregunta: Tengo los dos bits de código, pero no sé cómo realizar la solicitud de ajax y tener sus datos disponibles para el cierre y poder devolver la API de userdb a la aplicación. Puedo hacer cualquier 2/3, pero no estoy seguro de cómo unirlo todo.
Tengo javascript y jquery a mi disposición.
Aquí están los dos bits de código. (Este es un ejemplo simplificado, reducido para esta pregunta. Traté de evitar errores de sintaxis en este extracto, pero comprendo que este no es el código real).
// populate the data initially timestamp = localStorage.getItem('all_countries_time') || 0; $.getJSON( "/api", { item: 'countries', timestamp: timestamp }, function(data) { // !! I need this data set before I can run the code below if (data.timestamp != '0') { localStorage.setItem('all_countries_time', data.timestamp); localStorage.setItem('all_countries', JSON.stringify(data.countries)); } } );Y
// Create the API in a closure var countrydb = (function() { let countries = JSON.parse(localStorage.getItem('all_countries')); // ! I don't think I can return this API from a response() or when().then() clause. But I could be wrong. return { getCountryInfo: function(country) { return countries[country] }, countryAutoComplete: function(prefix, callback) { let cmatch = []; for (const [name, cinfo] of Object.entries(countries)) { if (name.startsWith(prefix) || cinfo.intlcode.startsWith(prefix) ) { cmatch.push(userinfo); } } callback(cmatch); } }; }); let cdb = countrydb(); let canada = cdb.getCountryInfo('Canada'); $("#countries_select").autocomplete(source: cdb.countryAutoComplete); Actualización Nunca encontré una solución. Al final tengo dos countries globales y countries_initialized . Las configuraciones de getCountryInfo() y countryAutoComplete() () se realizan después de que se configure un sondeo y un temporizador exitosos para los countries_initialized .