JQuery-Przechowywanie odpowiedzi ajax do zmiennej globalnej

Tutaj jest funkcja, która wykonuje zadanie całkiem dobrze. Nie mogłem uzyskać najlepszej odpowiedzi powyżej do pracy.

jQuery.extend({
    getValues: function(url) {
        var result = null;
        $.ajax({
            url: url,
            type: 'get',
            dataType: 'xml',
            async: false,
            success: function(data) {
                result = data;
            }
        });
       return result;
    }
});

Następnie, aby uzyskać do niego dostęp, Utwórz zmienną w następujący sposób:

var results = $.getValues("url string");

To mi pomogło:

var jqxhr = $.ajax({
    type: 'POST',       
    url: "processMe.php",
    data: queryParams,
    dataType: 'html',
    context: document.body,
    global: false,
    async:false,
    success: function(data) {
        return data;
    }
}).responseText;

alert(jqxhr);
// or...
return jqxhr;

Ważna uwaga: global: false, async:false i na koniec responseText przykuta do $.ajax prośby.

Nie musisz tego robić. Napotkałem ten sam problem z moim projektem. to, co robisz, to wywołanie funkcji wewnątrz wywołania zwrotnego on success, aby zresetować zmienną globalną. Tak długo, jak masz asynchroniczny javascript ustawiony na false będzie działać poprawnie. Oto Mój kod. Mam nadzieję, że to pomoże.

var exists;

//function to call inside ajax callback 
function set_exists(x){
    exists = x;
}

$.ajax({
    url: "check_entity_name.php",
    type: "POST",
    async: false, // set to false so order of operations is correct
    data: {entity_name : entity},
    success: function(data){
        if(data == true){
            set_exists(true);
        }
        else{
            set_exists(false);
        }
    }
});
if(exists == true){
    return true;
}
else{
    return false;
}

Twój problem może nie być związany z jakimkolwiek lokalnym lub globalnym zakresem, tylko opóźnieniem serwera między wykonaniem funkcji "success" a czasem, w którym próbujesz wyjąć dane ze zmiennej.

Są szanse, że próbujesz wydrukować zawartość zmiennej, zanim zostanie wywołana funkcja ajax "success".

Może okazać się łatwiejsze przechowywanie wartości odpowiedzi w elemencie DOM, ponieważ są one dostępne globalnie:

<input type="hidden" id="your-hidden-control" value="replace-me" />

<script>
    $.getJSON( '/uri/', function( data ) {
        $('#your-hidden-control').val( data );
    } );
</script>

Ta zaleta nie wymaga ustawiania async na false. Oczywiście, to, czy jest to właściwe, zależy od tego, co próbujesz osiągnąć.

        function getJson(url) {
            return JSON.parse($.ajax({
                type: 'GET',
                url: url,
                dataType: 'json',
                global: false,
                async: false,
                success: function (data) {
                    return data;
                }
            }).responseText);
        }

        var myJsonObj = getJson('/api/current');

     function get(a){
            bodyContent = $.ajax({
                  url: "/rpc.php",
                  global: false,
                  type: "POST",
                  data: a,
                  dataType: "html",
                  async:false
               } 
            ).responseText;
            return bodyContent;

  }

Naprawdę zmagałem się z uzyskaniem wyników jQuery ajax do moich zmiennych w " dokumencie.gotowy " etap wydarzeń.

Ajax JQuery ładowałby się do moich zmiennych, gdy użytkownik wyzwalał Zdarzenie" onchange " pola wyboru po załadowaniu strony, ale dane nie przekazywałyby zmiennych podczas pierwszego załadowania strony.

Czapki z głów Charles Guilbert Korzystając z jego odpowiedzi, jestem w stanie uzyskać dane do moich zmiennych, nawet gdy moja strona ładuje się po raz pierwszy.

Oto przykład działającego skryptu:

    jQuery.extend
    (
        {
            getValues: function(url) 
            {
                var result = null;
                $.ajax(
                    {
                        url: url,
                        type: 'get',
                        dataType: 'html',
                        async: false,
                        cache: false,
                        success: function(data) 
                        {
                            result = data;
                        }
                    }
                );
               return result;
            }
        }
    );

    // Option List 1, when "Cats" is selected elsewhere
    optList1_Cats += $.getValues("/MyData.aspx?iListNum=1&sVal=cats");

    // Option List 1, when "Dogs" is selected elsewhere
    optList1_Dogs += $.getValues("/MyData.aspx?iListNum=1&sVal=dogs");

    // Option List 2, when "Cats" is selected elsewhere
    optList2_Cats += $.getValues("/MyData.aspx?iListNum=2&sVal=cats");

    // Option List 2, when "Dogs" is selected elsewhere
    optList2_Dogs += $.getValues("/MyData.aspx?iListNum=2&sVal=dogs");

Na to też wpadłem. Wiele odpowiedzi, ale tylko jedna prosta poprawna, którą zamierzam udzielić. Kluczem jest, aby twój $.połączenie ajax../ align = "left" /

$.ajax({  
    async: false, ...

IMO możesz przechowywać te dane w zmiennej globalnej. Ale lepiej będzie użyć bardziej unikalnej nazwy lub użyć przestrzeni nazw:

MyCompany = {};

...
MyCompany.cachedData = data;

A także lepiej jest użyć json do tych celów, dane w formacie json są zwykle znacznie mniejsze niż te same dane w formacie xml.

Sugerowałbym, aby unikać pobierania dużych plików XML z serwera: zmienna " xml " powinna być używana jak cache, a nie jako sam magazyn danych.

W większości scenariuszy możliwe jest zbadanie pamięci podręcznej i sprawdzenie, czy trzeba złożyć żądanie do serwera, aby uzyskać dane, które chcesz. Dzięki temu aplikacja będzie lżejsza i szybsza.

.odpowiedzi get są domyślnie buforowane. Dlatego naprawdę nie trzeba nic robić, aby uzyskać pożądane rezultaty.

Wiem, że wątek jest stary, ale pomyślałem, że komuś innemu może się to przydać. Według jquey.com

var bodyContent = $.ajax({
  url: "script.php",
  global: false,
  type: "POST",
  data: "name=value",
  dataType: "html",
  async:false,
  success: function(msg){
     alert(msg);
  }
}).responseText;

Pomogłoby uzyskać wynik bezpośrednio do ciągu znaków. Zwróć uwagę na .responseText; part.