la fonction d'attendre avec retour jusqu' $.getJSON est fini

Je suis en train d'écrire une fonction qui a pour obtenir la vignette de l'information à partir d'une vidéo à l'aide de l'intégrer.ly API, cependant, actuellement, la fonction renvoie une valeur avant même d'avoir obtenu le résultat JSON à partir de l'API.

Je suis en utilisant le code suivant:

function getThumbnail(vUrl) {
    var thumbnail   = '';
    var title       = '';
    var caption     = '';
    var content     = '';

    $.when( $.getJSON("http://api.embed.ly/1/oembed?key=:key&url="+vurl) ).then(function(data){
        var thumbnail = data.thumbnail_url;
            console.log(thumbnail);

        return {
            thumbnail:thumbnail,
            vurl:vurl
        }
    });
}

Cependant lors de l'utilisation du Chrome console Javascript, je peux voir que:

  1. la fonction est appelée
  2. undefined est retourné
  3. Demande XHR est fini
  4. variable vignette contenu est affiché dans la console

C'est évidemment le mauvais ordre.

Toute aide est grandement appréciée!

double possible de Comment faire pour retourner la réponse d'un appel AJAX?

OriginalL'auteur xorinzor | 2012-05-27

  1. 26

    Mise à jour de réponse

    getJSON retourne une promesse (lecture différée), de sorte que vous pouvez écouter. Mais puisque vous avez besoin d'un post-traitement, vous voulez de la chaîne d'un then qui vous permet de modifier la valeur résolue.

    //Now using `then`
function getThumbnail(vUrl){
  return $.getJSON("http://api.embed.ly/1/oembed?key=:key&url="+vurl).then(function(data){
    return {
      thumbnail:data.thumbnail_url,
      vurl:vurl
    }
  });
}

//and in your call will listen for the custom deferred's done
getThumbnail('the_vurl_').then(function(returndata){
  //received data!
});

    Réponse originale à cette question

    Vous pouvez utiliser un différée objet, et d'écouter l' ().

    function getThumbnail(vUrl) {
    //create our deferred object
    var def = $.Deferred();

    //get our JSON and listen for done
    $.getJSON("http://api.embed.ly/1/oembed?key=:key&url="+vurl)
        .done(function(data){

            //resolve the deferred, passing it our custom data
            def.resolve({
                thumbnail:data.thumbnail_url,
                vurl:vurl
            });
        });

    //return the deferred for listening
    return def;
}

//and in your call will listen for the custom deferred's done
getThumbnail('the_vurl_')
    .done(function(returndata){
        //received data!
    });

    Vous pouviez retourner $.getJSON's différé pour obtenir les données brutes. Mais à cause de "post-traitement", dans un objet, la coutume différé est nécessaire. Vous pouvez également passer un rappel à getThumbnail():

    function getThumbnail(vUrl,callback) {
    $.getJSON("http://api.embed.ly/1/oembed?key=:key&url="+vurl,function(returndata){
        callback(returndata);
    });
}

getThumbnail('the_vurl_',function(returndata){
    //received data!
})
    merci! Le report de la méthode malheureusement n'a pas fonctionné pour moi, cependant, le rappel fait!
    Merci beaucoup! Sauvé ma journée! 😀
    Je voulais ajouter un merci, parce que c' (Différé) fixe exactement le problème que j'ai avec mon propre projet. Merci!

    OriginalL'auteur Joseph

  2. 1

    vous pouvez simplement utiliser $.getJSON's de rappel comme suit:

    function result(res) {
  console.log(res);
}

function getThumbnail(vUrl) {
   var thumbnail   = '';
   var title       = '';
   var caption     = '';
   var content     = '';

   $.getJSON("http://api.embed.ly/1/oembed?key=:key&url="+vurl, function(data) {
     var thumbnail = data.thumbnail_url;
     console.log(thumbnail);

     var result = {
        thumbnail:thumbnail,
        vurl:vurl
      };

     //passing the result to a function
     getResult(result);

   });
}

    REMARQUE:

    Vous voyez que je vais appeler une fonction pour passer à la suite, lorsque vous essayez de return, mais vous ne pouvez pas return résultat de l'appelant, fonction. Parce que, $.getJSON est asynchrone.

    Oui mais je ne suis pas l'appel d'une autre fonction de la getThumbnail() de la fonction, dans ce cas, cela ne marchera pas pour moi.

    OriginalL'auteur thecodeparadox