Spraw, aby funkcja "get" AJAX była synchroniczna/jak uzyskać wynik?

Question

Występuje problem z funkcją $ .get. URL zawiera json

mój kod:

xyz = null 

    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
    }); 

alert(xyz); 
//some more code using xyz variable 

wiem że xyz ostrzeże zerowy wynik, ponieważ $.get jest asynchroniczny.

Czy istnieje sposób, w jaki mogę użyć funkcji xyz poza tą funkcją get?

Answer 1

Prawdziwa odpowiedź jest NO, ale można użyć to:

function useXYZ(){ 
    alert(xyz); 
} 

xyz = null   

$.get('http://www.someurl.com/123=json', function(data) { 
    xyz = data.positions[0].latitude; 
    useXYZ(); 
}); 

Answer 2

get jest skrót. Można zrobić to samo, ale synchronicznie, używając:

var xyz = null 


$.ajax({ url: 'http://www.someurl.com/123=json', 
     async: false, 
     dataType: 'json', 
     success: function(data) { 
       xyz = data.positions[0].latitude; 
      } 
     }); 


alert(xyz); 

Musisz zadeklarować zmienną xyz przed wywołaniem ajax, choć.

Answer 3

Jest to częsty problem z Javascriptem. Kod JavaScript musi być napisany w stylu przekazywania kontynuacji. To jest denerwujące, ale jest czymś, co można przekonwertować bez myślenia za dużo.

basicaly, gdy chcemy mieć coś podobnego

var x = someSyncFunction(a, b, c); 
//do something with x 
console.log(x); 

Możemy przekształcić go w kodzie asynchronicznej poprzez cały kod po funkcja zwraca do funkcji kontynuacji i obracając x ze zmiennej do parametru ciągłe oddzwanianie.

someAsyncFunction(a, b, c, function(x){ 
    //do something with x; 
    console.log(x); 
}); 

Należy pamiętać, że bardzo łatwo jest napisać mylący kod. Dobrą sztuczką, o której należy pamiętać, jest to, że możesz sprawić, że twoje własne funkcje będą również odbierane. To pozwala im być używany przez inną funkcję (tak jak normalne funkcje synchronizacji pomocniczych, które zwracają wartość mogą być wykorzystane przez różne funkcje)

var getXyz = function(onResult){ //async functions that return do so via callbacks 
           //you can also another callback for errors (kind of analogous to throw) 
    $.get('http://www.someurl.com/123=json', function(data) { 
     var xyz = data.positions[0].latitude; 
     onResult(xyz); //instead of writing "return xyz", we pass x to the callback explicitely. 
    }); 
}; 

getXyz(function(xyz){ //this would look like "var xyz = getXyz();" if it were sync code instead. 
    console.log('got xyz'); 
}); 

Sztuką jest, aby zmienić wszystkie wypowiedzi powrocie z funkcji do wywołania funkcji funkcja zwrotna. Wydaje się, że funkcja async nigdy nie została zwrócona, a jedynym sposobem, aby zwrócić wartość komuś, jest przekazanie tej wartości do wywołania zwrotnego.

Możesz zapytać, dlaczego nie ma prostszego sposobu na zrobienie tego wszystkiego. No cóż, nie ma, chyba że używasz innego języka zamiast Javascript (lub przynajmniej czegoś, co pozwala pisać kod asynchroniczny w stylu synchronicznym, ale automatycznie kompiluje się do zwykłego Javascript)