Estoy tratando de usar d3.json() dentro de una función para devolver datos API de Spotify dado un ID de artista (como 5K4W6rqBFWDnAN6FQUkS6x ), pero no puedo encontrar la manera de devolver los datos de manera efectiva. La función parece
// Get artist's related artist's information function relatedArtists(id){ var jsonPromise = new Promise(function(resolve, reject) { // Async JSON request d3.json('https://api.spotify.com/v1/artists/' + id + '/related-artists', function(error, data){ if(error) reject(error); resolve(data.artists); }); }); jsonPromise.then(function(success) { console.log(success); //return(success) //doesn't work }); jsonPromise.catch(function(error){ console.error(error); }); }Intenté crear una variable dentro de la función y luego modificarla.
function relatedArtists(id){ var testVar = 'hello'; var jsonPromise = new Promise(...{ // Async JSON request d3.json(...) }); jsonPromise.then(function(success) { testVar = success; }); return(testVar); } Pero testVar sigue siendo 'hello' , a pesar de mis mejores esfuerzos. He leído un poco sobre el alcance y las promesas, pero estoy feliz de hacer más si hay alguna mecánica central que no entiendo. ¡Gracias por leer!
La respuesta nunca estará disponible en su código de llamada debido a la naturaleza asíncrona de las solicitudes. Puedes usar Promises (como suponen Alexander T. y tú, ¡buena elección en muchos casos!) pero d3.queue hace un buen trabajo. En mi fragmento, puede ver cómo ejecutar código con los resultados de varias solicitudes.
function buildRelatedArtistUri(id) { return 'https://api.spotify.com/v1/artists/' + id + '/related-artists'; } d3.queue() .defer(d3.json, buildRelatedArtistUri('5K4W6rqBFWDnAN6FQUkS6x')) .await(function(error, data) { // data and data.artists are available in this function's scope only console.log(data.artists); }); d3.queue() .defer(d3.json, buildRelatedArtistUri('5K4W6rqBFWDnAN6FQUkS6x')) .defer(d3.json, buildRelatedArtistUri('3nFkdlSjzX9mRTtwJOzDYB')) .await(function(error, data1, data2) { // this function will be called once both functions have finished console.log(data1.artists, data2.artists); }); <script src="https://d3js.org/d3.v4.min.js"></script>Puede devolver Promise y usar la función relatedArtists como tal
function relatedArtists(id) { return new Promise(function(resolve, reject) { d3.json('https://api.spotify.com/v1/artists/' + id + '/related-artists', function(error, data) { if (error) { reject(error); } else { resolve(data.artists); } }); }); } relatedArtists('5K4W6rqBFWDnAN6FQUkS6x') .then(function (data) { console.log(data); }) .catch(function (error) { console.log(error); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> En este caso, no puede asignar el valor a testVar porque d3.json es el método asíncrono y eso significa que d3.json se puede realizar después de la ejecución del código.