Uwaga: Ta odpowiedź została napisana w lutym 2010 roku.
Zobacz aktualizacje z 2015, 2016 i 2017 roku na dole. Nie możesz'zwrócić niczego z funkcji, która jest asynchroniczna. To, co możesz zwrócić, to obietnica. Wyjaśniłem, jak obietnice działają w jQuery w moich odpowiedziach na te pytania:

• Funkcja JavaScript, która zwraca dane wywołania AJAX
• jQuery jqXHR - anuluj wywołania łańcuchowe, wywołaj łańcuch błędów Jeśli mógłbyś wyjaśnić dlaczego chcesz zwrócić dane i co chcesz z nimi zrobić później, wtedy mógłbym być w stanie dać ci bardziej konkretną odpowiedź, jak to zrobić. Ogólnie rzecz biorąc, zamiast:

function testAjax() {
  $.ajax({
    url: "getvalue.php",  
    success: function(data) {
      return data; 
    }
  });
}

możesz napisać swoją funkcję testAjax w ten sposób:

function testAjax() {
  return $.ajax({
      url: "getvalue.php"
  });
}

Następnie możesz uzyskać swoją obietnicę w ten sposób:

var promise = testAjax();

Możesz przechowywać swoją obietnicę, możesz ją przekazywać, możesz używać jej jako argumentu w wywołaniach funkcji i możesz ją zwracać z funkcji, ale kiedy w końcu chcesz używać swoich danych, które są zwracane przez wywołanie AJAX, musisz to zrobić w ten sposób:

promise.success(function (data) {
  alert(data);
});

(Zobacz aktualizacje poniżej dla uproszczonej składni.). Jeśli Twoje dane są dostępne w tym momencie, wtedy ta funkcja zostanie wywołana natychmiast. Jeśli nie, to zostanie ona wywołana, gdy tylko dane będą dostępne. Cały sens robienia tego wszystkiego polega na tym, że twoje dane nie są dostępne natychmiast po wywołaniu $.ajax, ponieważ jest to funkcja asynchroniczna. Obietnice są miłą abstrakcją dla funkcji, aby powiedzieć: I can't return you the data because I don't have it yet and I don't want to block and make you wait so here's a promise instead and you'll be able to use it later, or to just give it to someone else and be done with it. Zobacz to [DEMO](http://jsfiddle.net/jW68r/). UPDATE (2015)

Obecnie (stan na marzec, 2015) jQuery Promises nie są zgodne ze specyfikacją Promises/A+, co oznacza, że mogą nie współpracować zbyt dobrze z innymi implementacjami Promises/A+ conformant. Jednak jQuery Promises w nadchodzącej wersji 3.x będzie zgodne ze specyfikacją Promises/A+ (podziękowania dla Benjamina Gruenbauma za zwrócenie na to uwagi). Obecnie (stan na maj, 2015) stabilne wersje jQuery to 1.x i 2.x.

To, co wyjaśniłem powyżej (w marcu, 2011) jest sposobem na użycie jQuery Deferred Objects do zrobienia czegoś asynchronicznie, co w kodzie synchronicznym zostałoby osiągnięte przez zwrócenie wartości. Ale synchroniczne wywołanie funkcji może zrobić dwie rzeczy - może albo zwrócić wartość (jeśli może) albo rzucić wyjątek (jeśli nie może'zwrócić wartości). Promises/A+ zajmuje się oboma tymi przypadkami użycia w sposób, który jest dość potężny jak obsługa wyjątków w kodzie synchronicznym. Wersja jQuery obsługuje odpowiednik zwracania wartości po prostu dobrze, ale odpowiednik złożonej obsługi wyjątków jest nieco problematyczny. W szczególności, całym sensem obsługi wyjątków w kodzie synchronicznym nie jest po prostu rezygnacja z miłą wiadomością, ale próba naprawienia problemu i kontynuowania wykonywania, lub ewentualnie ponowne rzucenie tego samego lub innego wyjątku dla innych części programu do obsługi. W kodzie synchronicznym masz stos wywołań. W kodzie asynchronicznym nie, a zaawansowana obsługa wyjątków wewnątrz obietnic, zgodnie ze specyfikacją Promises/A+, może naprawdę pomóc w pisaniu kodu, który będzie obsługiwał błędy i wyjątki w znaczący sposób, nawet dla złożonych przypadków użycia. O różnicach między jQuery a innymi implementacjami oraz o tym, jak przekonwertować obietnice jQuery na zgodne z Promises/A+, zobacz Coming from jQuery autorstwa Krisa Kowala et al. na wiki biblioteki Q oraz Promises arrive in JavaScript autorstwa Jake'a Archibalda na HTML5 Rocks.

Jak zwrócić prawdziwą obietnicę

Funkcja z mojego przykładu powyżej:

function testAjax() {
  return $.ajax({
      url: "getvalue.php"
  });
}

zwraca obiekt jqXHR, który jest jQuery Deferred Object. Aby zwrócić prawdziwą obietnicę, możesz zmienić ją na - używając metody z wiki Q:

function testAjax() {
  return Q($.ajax({
      url: "getvalue.php"
  }));
}

lub, używając metody z artykułu HTML5 Rocks:

function testAjax() {
  return Promise.resolve($.ajax({
      url: "getvalue.php"
  }));
}

To Promise.resolve($.ajax(...)) jest również tym, co jest wyjaśnione w dokumentacji modułu promise i powinno działać z ES6 Promise.resolve(). Aby używać obietnic ES6 dzisiaj, możesz użyć es6-promise module's polyfill() Jake'a Archibalda. Aby zobaczyć, gdzie możesz użyć ES6 Promises bez polyfill, zobacz: Can I use: Promises. Aby uzyskać więcej informacji zobacz:

• http://bugs.jquery.com/ticket/14510
• https://github.com/jquery/jquery/issues/1722
• https://gist.github.com/domenic/3889970
• http://promises-aplus.github.io/promises-spec/
• http://www.html5rocks.com/en/tutorials/es6/promises/

  Przyszłość jQuery

  Przyszłe wersje jQuery (począwszy od 3.x - obecne stabilne wersje na maj 2015 to 1.x i 2.x) będą zgodne ze specyfikacją Promises/A+ (podziękowania dla Benjamina Gruenbauma za wskazanie jej w komentarzach). "Dwie zmiany, na które już się zdecydowaliśmy, to zgodność z Promise/A+ dla naszej implementacji Deferred [...]" (jQuery 3.0 i przyszłość tworzenia stron internetowych). Więcej informacji można znaleźć w: jQuery 3.0: The Next Generations autorstwa Dave'a Methvina oraz jQuery 3.0: More interoperability, less Internet Explorer autorstwa Paula Krilla.

  Ciekawe rozmowy

• [Boom, Promises/A+ Was Born](http://youtu.be/V2Q13hzTGmA) Domenica Denicoli (JSConfUS 2013)
• [Odkupienie z piekła Callback](http://youtu.be/hf1T_AONQJU) przez Michaela Jacksona i Domenica Denicolę (HTML5DevConf 2013)

• [Obietnice JavaScript](https://youtu.be/oa2clhsYIDY) by David M. Lee (Nodevember 2014) UPDATE (2016)

  Istnieje nowa składnia w ECMA-262, 6th Edition, Section 14.2 zwana arrow functions, która może być użyta do dalszego uproszczenia powyższych przykładów. Używając API jQuery, zamiast:

promise.success(function (data) {
  alert(data);
});

można napisać:

promise.success(data => alert(data));

lub korzystając z API Promises/A+:

promise.then(data => alert(data));

Pamiętaj, aby zawsze używać handlerów odrzuceń albo z:

promise.then(data => alert(data), error => alert(error));

lub z:

promise.then(data => alert(data)).catch(error => alert(error));

Zobacz tę odpowiedź, aby zobaczyć, dlaczego zawsze powinieneś używać handlarzy odrzuceniem z obietnicami:

• https://stackoverflow.com/questions/40920179/should-i-refrain-from-handling-promise-rejection-asynchronously/40921505#40921505 Oczywiście w tym przykładzie mógłbyś użyć po prostu promise.then(alert), ponieważ ty're po prostu wywołanie alert z tymi samymi argumentami, co twój callback, ale składnia strzałki jest bardziej ogólna i pozwala pisać rzeczy takie jak:

promise.then(data => alert("x is " + data.x));

Nie każda przeglądarka obsługuje tę składnię, ale są pewne przypadki, kiedy jesteś pewien, na jakiej przeglądarce będzie działać twój kod - np. kiedy piszesz Chrome extension, Firefox Add-on, lub aplikację desktopową używającą Electron, NW.js lub AppJS (zobacz ta odpowiedź po szczegóły). Aby uzyskać wsparcie dla funkcji strzałek, zobacz:

• http://caniuse.com/#feat=arrow-functions
• http://kangax.github.io/compat-table/es6/#test-arrow_functions UPDATE (2017)

• Istnieje jeszcze nowsza składnia w tej chwili zwana funkcjami async z nowym słowem kluczowym await, które zamiast tego kodu:

functionReturningPromise()
    .then(data => console.log('Data:', data))
    .catch(error => console.log('Error:', error));

pozwala napisać:

try {
    let data = await functionReturningPromise();
    console.log('Data:', data);
} catch (error) {
    console.log('Error:', error);
}

Możesz go użyć tylko wewnątrz funkcji utworzonej za pomocą słowa kluczowego async. Aby uzyskać więcej informacji, zobacz:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await Wsparcie w przeglądarkach, zobacz:
• http://caniuse.com/async-functions Dla wsparcia w Node, zobacz:
• http://node.green/#ES2017-features-async-functions W miejscach, gdzie nie masz natywnego wsparcia dla async i await możesz użyć Babel:
• https://babeljs.io/docs/plugins/transform-async-to-generator/ lub z nieco inną składnią, podejście oparte na generatorach jak w co lub Bluebird coroutines:
• https://www.npmjs.com/package/co

• http://bluebirdjs.com/docs/api/promise.coroutine.html Więcej informacji

  Kilka innych pytań na temat obietnic, aby uzyskać więcej szczegółów:

• https://stackoverflow.com/questions/40720512/promise-call-separate-from-promise-resolution/40721397#40721397
• Q Promise delay
• Zwróć wynik obietnicy zamiast obietnicy
• Eksportowanie modułu z wyniku obietnicy
• https://stackoverflow.com/questions/41284107/what-is-wrong-with-promise-resolving/41284674#41284674
• https://stackoverflow.com/questions/40785769/return-value-in-function-from-a-promise-block/40785901#40785901
• https://stackoverflow.com/questions/39764599/how-can-i-return-status-inside-the-promise/39765591#39765591
• https://stackoverflow.com/questions/40920179/should-i-refrain-from-handling-promise-rejection-asynchronously/40921505#40921505
• https://stackoverflow.com/questions/11845328/is-the-deferred-promise-concept-in-javascript-a-new-one-or-is-it-a-traditional-p/11845403#11845403
• https://stackoverflow.com/questions/39659829/how-can-i-chain-these-functions-together-with-promises/39660257#39660257
• https://stackoverflow.com/questions/40643386/promise-all-in-javascript-how-to-get-resolve-value-for-all-promises/40643489#40643489
• Dlaczego Promise.all jest niezdefiniowane
• https://stackoverflow.com/questions/42071337/function-will-return-null-from-javascript-post-get/42072290#42072290
• https://stackoverflow.com/questions/40515775/use-cancel-inside-a-then-chain-created-by-promisifyall/40515981#40515981
• https://stackoverflow.com/questions/42094764/why-is-it-possible-to-pass-in-a-non-function-parameter-to-promise-then-without/42094874#42094874
• https://stackoverflow.com/questions/15245867/implement-promises-pattern/15246695#15246695
• Obietnice i wydajność
• Kłopoty ze skrobaniem dwóch adresów URL z obietnicami
• http.request nie zwraca danych nawet po określeniu return na zdarzeniu 'end'
• https://stackoverflow.com/questions/41567353/async-each-not-iterating-when-using-promises/41567712#41567712
• https://stackoverflow.com/questions/5111695/jquery-jqxhr-cancel-chained-calls-trigger-error-chain/5112734#5112734
• https://stackoverflow.com/questions/39661064/correct-way-of-handling-promisses-and-server-response/39661503#39661503
• Zwracanie wartości z wywołania funkcji przed wykonaniem wszystkich operacji w samej funkcji?
• https://stackoverflow.com/questions/40729806/resolving-a-settimeout-inside-api-endpoint/40730062#40730062
• https://stackoverflow.com/questions/40741374/async-wait-for-a-function/40741587#40741587
• https://stackoverflow.com/questions/5150571/javascript-function-that-returns-ajax-call-data/5150650#5150650
• https://stackoverflow.com/questions/40884153/try-catch-blocks-with-async-await/40886720#40886720
• https://stackoverflow.com/questions/5159304/jquery-deferred-not-calling-the-resolve-done-callbacks-in-order/5159765#5159765
• https://stackoverflow.com/questions/12660596/returning-data-from-ajax-results-in-strange-object/12660711#12660711
• https://stackoverflow.com/questions/40523091/javascript-why-is-there-a-spec-for-sync-and-async-modules/40525271#40525271

Jedynym sposobem na zwrócenie danych z funkcji byłoby wykonanie wywołania synchronicznego zamiast asynchronicznego, ale to spowodowałoby zamrożenie przeglądarki podczas oczekiwania na odpowiedź.

Możesz przekazać funkcję wywołania zwrotnego, która obsłuży wynik:

function testAjax(handleData) {
  $.ajax({
    url:"getvalue.php",  
    success:function(data) {
      handleData(data); 
    }
  });
}

Wywołaj ją w ten sposób:

testAjax(function(output){
  // here you use the output
});
// Note: the call won't wait for the result,
// so it will continue with the code here while waiting.

Zobacz przykład w jquery docs: http://api.jquery.com/jQuery.ajax/ (około 2/3 strony)

Być może będziesz szukał następującego kodu:

    $.ajax({
     url: 'ajax/test.html',
     success: function(data) {
     $('.result').html(data);
     alert('Load was performed.');
   }
});

Ta sama strona...niżej.