Jak mogę zwrócić wartość pobraną przez AJAX do macierzystej funkcji bieżącej funkcji w JavaScript?

Question

Mam następujący JavaScript (jQuery) i kod:

function checkEmail(email) { 
    if (email.length) { 
     $.getJSON('ajax/validate', {email: email}, function(data){ 
      if (data == false) { 
       // stuff 
      } 
      return data; 
     }) 
    } 
} 

chcę anonimową funkcję do return data do funkcji dominującej checkEmail(). Próbowałem robić coś takiego:

function checkEmail(email) { 
    if (email.length) { 
     var ret = null; 
     $.getJSON('ajax/validate', {email: email}, function(data){ 
      if (data == false) { 
       // stuff 
      } 
      ret = data; 
     }) 
     return ret; 
    } 
} 

Ale oczywiście to nie będzie działać, ponieważ wywołanie $.getJSON() jest asynchroniczne, więc to będzie return ret przed żądanie GET jest zakończona.

Jakieś myśli tutaj?

Dziękujemy!

Answer 1

Ogólnie rzecz biorąc najlepszym sposobem na poradzenie sobie z tego typu problemem jest użycie funkcji zwrotnej. W rzeczywistości jest to jedyne możliwe rozwiązanie - jedyną opcją jest kodowanie własnych rozszerzeń do przeglądarki, a to niewiele (chyba że naprawdę lubisz walić głową o ścianę). Na tych tablicach pojawiło się kilka równoległych pytań: możesz spróbować wyszukać niektóre, wiele z nich jest bardzo dobrych.

Modyfikacja kodu:

function checkEmail(email) { 
    /* 
     original parts of the function here! 
    */ 

    if (email.length) { 
     $.getJSON('ajax/validate', {email: email}, function(data){ 
      if (data == false) { 
       // stuff 
      } 
      checkEmailResponse(data); 
     }) 
    } 
} 

function checkEmailResponse(data) 
{ 
    // do something with the data. 
} 

Answer 2

Mogłeś bloku funkcyjnego rodzic dopóki istnieje coś. Aby zmniejszyć intensywność procesora, możesz użyć limitu czasu.

function checkEmail(email) { 
if (email.length) { 
    var ret = null; 
    $.getJSON('ajax/validate', {email: email}, function(data){ 
     if (data == false) { 
      // stuff 
     } 
     ret = data; 
    }) 
    while(ret == null){ 

    } 
    return ret; 
} 

}

Nadzieja to pomaga.

Answer 3

Będziesz musiał zmienić sposób podejścia do problemu. Wiesz, że to, co masz powyżej, nie zadziała, więc nie możesz myśleć w kategoriach "zadzwoń do funkcji i działaj na jej wartości zwrotnej".

Będziesz musiał przełączyć się na sugestię CPS, np. Toby, lub w zależności od tego, co uruchamia tę funkcję, obsługę jej za pomocą niestandardowych zdarzeń.

Answer 4

Powinieneś również używać wywołania zwrotnego, ponieważ wywołanie jest asynchroniczne i dlatego projektujesz całe środowisko JavaScript wokół tego pomysłu (jak wskazali inni).

Jeśli naprawdę potrzebujesz go uzyskać jako wartość zwrotną, wyłącz wywołanie asynchroniczne, ale nie jest to zalecane, ponieważ blokuje stronę, dopóki nie pojawi się odpowiedź.

function checkEmail(email, callback) { 
    if (email.length) 
    return $.ajax({ 
     data: {email: email}, 
     url: 'ajax/validate', 
     async: false 
    }).responseText; // only the raw response text of the XMLHttpRequest 
    } 
}