Wie gibt man einen Wert von einer Funktion zurück, die $ .getJSON aufruft?

Question

Warum ist die returnValue von dieser Funktion immer gleich dem Standardwert am Anfang der Funktion und nie auf den Wert aus der JSON-Suche abgerufen?

Answer 1

Das passiert, weil diese Callback-Funktion (function(data) {...}) später ausgeführt wird, wenn die Antwort zurückkommt ... weil es eine asynchrone Funktion ist. Anstatt den Wert benutzen, wenn Sie es eingestellt haben, wie folgt aus:

function lookupRemote(searchTerm) 
{ 
    var defaultReturnValue = 1010; 
    var returnValue = defaultReturnValue; 
    $.getJSON(remote, function(data) {   
     if (data != null) { 
       $.each(data.items, function(i, item) {     
        returnValue = item.libraryOfCongressNumber; 
       }); 
     } 
     OtherFunctionThatUsesTheValue(returnValue); 
    }); 
} 

Dies ist die Art und Weise alle asynchrones Verhalten sollte sein, kick off, was den Wert braucht, wenn Sie es haben ... was ist, wenn der Server mit antwortet Daten.

Answer 2

Die Funktion, die Sie getJSON passieren wird ausgeführt werden, wenn die Antwort auf die HTTP-Anforderung kommt, die sofort nicht ist.

Die Return-Anweisung führt vor die Antwort, so dass die Variable noch nicht festgelegt wurde.

Lassen Sie Ihre Callback-Funktion tun, was mit den Daten zu tun ist. Versuche nicht, es zurückzugeben.

Answer 3

Wenn Sie keine asynchrone Funktion verwenden möchten, verwenden Sie besser die folgende:

function getValue(){ 
    var value= $.ajax({ 
     url: 'http://www.abc.com', 
     async: false 
    }).responseText; 
    return value; 
} 

Diese Funktion wartet, bis der Wert von dem Server zurückgegeben wird.