Jquery AJAX JSON-Antwort in der variable.

Ich haben zwei Funktionen. Das setzt zunächst eine variable, dann die zweite erhält, die benötigten Informationen für die erste Funktion. Das Problem ich war vorher war alles immer zurückgegeben, bevor der ajax-Antwort-geschehen war. Im Grunde, was ich tun müssen, ist erhalten ein JSON-Objekt, und legen Sie es auf eine variable, dann nimmt bestimmte Aspekte des Objekts und fügen Sie diese zu posten. hier ist, was ich habe...

$(document).ready(function(){

                $('#youtube-url').blur(function() {

                 $info = youtubeInfo($('#youtube-url').val());

                 console.log($info);
                 if($info.html){
                    //alert($info.thumbnail_url);
                    //$('#preview_video_thumb').attr('src', $info.thumbnail_url);
                 }


                });


            });
            function youtubeInfo(url){
                var odata = '';
                var result = jQuery.ajax({
                          url: '<? echo base_url("videos/getOembed") ?>',
                          type: 'POST',
                          dataType: 'json',
                          async: false,
                          data: {url: url},
                          complete: function(xhr, textStatus) {

                          },
                          success: function(data, textStatus, xhr) {
                           return data;
                          },
                          error: function(xhr, textStatus, errorThrown) {
                            //called when there is an error
                          }
                        }).responseText;
                return result;

            };

Wenn ich wieder die "data" - Objekt aus der Erfolgs-callback zurückgegeben leer. wenn ich es Tue, wie es ist, den responseText des AJAX-Aufruf einen string, und nicht als JSON. irgendwelche Ideen? Ich im Grunde den $info-Variablen in der ersten Funktion für die AJAX-response (JSON) von der zweiten Funktion.

InformationsquelleAutor G.Thompson | 2012-05-29
  1. 3

    Entfernen .responseText und verwenden Sie diese:

    $('#youtube-url').blur(function() {
    youtubeInfo($('#youtube-url').val()).done(function($info){
        if($info.html){
            //alert($info.thumbnail_url);
            //$('#preview_video_thumb').attr('src', $info.thumbnail_url);
        }
    });
});
    • Wow, Mann, genau, genau! Tun Sie etwas dagegen, zu erklären, warum das funktioniert? Ich habe nie gesehen, auch die done-Funktion vor.
    • Es funktioniert, weil die jQuery-ajax-Methoden implementieren Sie die Deferred-Objekt-Schnittstelle umfasst vier Methoden: done, fail, always, und then. Es gibt ein paar andere, aber diese vier sind die wichtigsten. done und fail sind offensichtlich, always wird immer aufgerufen werden (offensichtlich zu sein denke ich) und then können Sie definieren, sowohl done und fail gleichzeitig .then(donehandler,failhandler)
    • API-Referenz findest du hier: api.jquery.com/deferred.done
    • Sie können auch entfernen async: false wenn Sie .done()
    InformationsquelleAutor user400654
  2. 0

    Den return data - Anweisung haben Sie in der success Funktion ist nicht zu tun, was Sie wollen. Ist es eigentlich nicht zurückgeben, aus der ajax-Aufruf, sondern die Rückkehr aus dem Erfolg der Funktion. Was Sie wahrscheinlich wollen, ist so etwas wie dies:

    function youtubeInfo(url){
            var odata = '';
            var result = jQuery.ajax({
                      url: '<? echo base_url("videos/getOembed") ?>',
                      type: 'POST',
                      dataType: 'json',
                      async: false,
                      data: {url: url},
                      complete: function(xhr, textStatus) {

                      },
                      success: function(data, textStatus, xhr) {
                       odata = data;
                      },
                      error: function(xhr, textStatus, errorThrown) {
                        //called when there is an error
                      }
                    });
            return odata;

        };
    • Dies geht noch zurück odata bevor es eingestellt ist.
    • Sollte es nicht, da der OP mit der Einstellung async auf false
    • Nein, es wird zurückkehren, nachdem es gesetzt ist, ist async:false
    • ah, in der Tat sind Sie richtig. Ich Folge verpasst.
    InformationsquelleAutor Matt Dodge
Schreibe einen Kommentar