Zwracanie danych $ .get w funkcji przy użyciu jQuery

Question

Próbuję wywołać funkcję zawierającą kod jQuery. Chcę, aby ta funkcja zwróciła wyniki instrukcji jQuery. To nie działa, a ja próbuję zrozumieć dlaczego.

function showGetResult (name) { 
    var scriptURL = "somefile.php?name=" + name; 
    return $.get(scriptURL, {}, function(data) { return data; }); 
} 

alert (showGetResult("John")); 

Alert wyświetla "[object XMLHttpRequest]." Jeśli jednak samodzielnie uruchomię instrukcję jQuery, poza funkcją, działa ona poprawnie ->$.get(scriptURL, {}, function(data) { alert(data); })

Chciałbym móc ponownie użyć tego kodu, umieszczając go wewnątrz funkcji, która zwraca $.get dane. Jaki podstawowy błąd popełniam tutaj?

Answer 1

Masz kilka różnych błędów. Po pierwsze, $ .get nie zwraca zwróconej wartości funkcji wywołania zwrotnego. Zwraca obiekt XHR. Po drugie, funkcja get nie jest zsynchronizowana, jest asynchroniczna, więc showGetResult prawdopodobnie zwróci przed zakończeniem. Po trzecie, nie możesz zwrócić czegoś z wewnątrz wywołania zwrotnego do zewnętrznego zakresu. Można jednak powiązać zmienną w zewnętrznym zasięgu i ustawić ją w wywołaniu zwrotnym.

Aby uzyskać pożądaną funkcjonalność, należy użyć wartości $ .ajax i ustawić opcję asynchroniczną na wartość false. Następnie możesz zdefiniować zmienną w zewnętrznym zasięgu i przypisać ją w wywołaniu ajax, zwracając tę ​​zmienną z funkcji.

function showGetResult(name) 
{ 
    var result = null; 
    var scriptUrl = "somefile.php?name=" + name; 
    $.ajax({ 
     url: scriptUrl, 
     type: 'get', 
     dataType: 'html', 
     async: false, 
     success: function(data) { 
      result = data; 
     } 
    }); 
    return result; 
} 

można byłoby prawdopodobnie lepiej służył jednak dowiedzieć się, jak to zrobić, co chcesz w samej funkcji wywołania zwrotnego zamiast zmieniać z asynchronicznym do połączeń synchronicznych.

Answer 2

Jest to niewłaściwy sposób. Funkcja (dane) to funkcja oddzwaniania, więc gdy tylko zostanie wykonana , funkcja $ .get wykona ... istnieje możliwość, że funkcja oddzwaniania nie zostałaby wywołana.

Lepiej wywołać funkcję pobierania danych postu z metody function (data).

Answer 3

Podstawowym błędem, który popełniasz, jest to, że wywołanie AJAX jest wykonywane asynchronicznie, więc do czasu, kiedy wrócisz, wynik nie jest jeszcze gotowy. Aby to zadziałało, możesz zmodyfikować swój kod:

$(function() { 
    showGetResult('John'); 
}); 

function showGetResult (name) { 
    $.get('somefile.php', { 
     // Pass the name parameter in the data hash so that it gets properly 
     // url encoded instead of concatenating it to the url. 
     name: name 
    }, function(data) { 
     alert(data); 
    }); 
} 

Answer 4

Podstawowym błędem jest "asynchroniczna" część AJAX. Ponieważ nie wiesz, ile czasu zajmie serwer, aby wysłać odpowiedź, metody AJAX nigdy nie "blokują" - to znaczy, nie wywołujesz serwera i po prostu siedzisz czekając na wynik. Zamiast tego przechodzisz do czegoś innego, ale konfigurujesz metodę zwaną "oddzwanianiem", która uruchomi się po powrocie wyników. Ta metoda jest odpowiedzialna za zrobienie tego, co należy zrobić z danymi (np. Wstrzyknięcie go na stronę).

Answer 5

Wygląda chcesz synchronicznych żądanie: How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

Albo może chcesz przekazać zwrotnego do funkcji:

function showGetResult (name, callback) { 
    var scriptURL = "somefile.php?name=" + name; 
    return $.get(scriptURL, {}, callback); 
} 

showGetResult("John", function(data){ alert(data); });