Wyciągnięcie zmiennej z funkcji ajax i zwrócenie przez funkcje nadrzędną

Question

Nie jestem pewien czy dobrze sformuowałem pytanie ale powiem tak złapałem się za js i chciałbym zacząć od razu robić dobrze ;) 
problem polega na tym chcyę wyciągnąć dane odkodowane z jonsona dane są zwrócone w jednej funkcji ale ja chcę je odebrac w nst funkcji kod poniżej wszystko powinien wyjaśnić.

 

nie wiem czy jakoś trzeba var id na global ustawić coś w tym stylu? w php takie rzeczy są prostsze :)
 

function GetStart() {
    $.ajax({
        type: "GET",
        url: "lib/id.php",
        contentType: "application/json; charset=utf-8",
        dataType: 'json',
        success: function (json) {
            for (var klucz in json) {
                var wiersz = json[klucz];
                var id = wiersz[0];
            }

        },

        error: function (blad) {
            console.log(blad);
        }
    });
    this.id=id;
}
function GetStarted(){
    var ing=new GetStart();
    var myid=ing.id;
    document.getElementById("id").innerHTML =myid;
}

 

Answer 1

Nie da rady, bo Ajaks jest asynchroniczny i nie zwraca wartości: http://webroad.pl/javascript/746-synchroniczna-asynchronicznosc

Comments

kiedy ja potrzebuje o.O :) mam plan alternatywny, ale chciałem wszystko w js zamknąć -.- widzę lektura na dłużej :) dzięki jutro przeczytam może coś osiągnę :)

---

No to zostaje Ci zabawa z promises, tudzież  z generatorem. Ale synchronicznego returna i tak nie uzyskasz.

---

wiesz ja już szukałem rozwiązań typu zapisanie do konsoli i pobranie z konsoli :)

---

Rozkopuję stare śmieci, nie ma sensu zakładać nowego wątku, wróciłem do js-a i zacząłem się zastanawiać w jaki sposób przekazywać dane z Ajax-a do innych funkcji, przyszło mi takie rozwiązanie i moje pytanie polega na tym abyś odpowiedział jak bardzo złe ono jest? 
PS. miałem wykonać je na klasie ale coś mi nie szło ;)

na dole tylko małe testy działania.
 

storageManager = {
    waiting : false,
    appStorage : {},
    toAppStorage : function(){
        Object.getOwnPropertyNames(localStorage).forEach(function(val, idx, array) {
            storageManager.appStorage[val] = localStorage.getItem(val);
        });
        localStorage.clear();
    },
    pushData:   function(dataKey,data) {
        storageManager.appStorage[dataKey] = data;
        localStorage.setItem(dataKey, data);
        storageManager.toAppStorage();
    },
    pushDataFromAjaxPost:   function(dataKey,url,parametrs) {
        request = $.ajax({
            url: url,
            method: "POST",
            data: parametrs
        });
        request.done(function( data ) {
           storageManager.pushData(dataKey, data);
        });
        storageManager.toAppStorage();
    }
};

storageManager.pushData('name','value');
storageManager.pushData('name1','value');
storageManager.pushData('name2','value');
storageManager.pushDataFromAjaxPost('test','/',{});

console.log(storageManager);
console.log(localStorage.length);
console.log(localStorage);

 

---

A czemu po prostu nie obudujesz localStorage? Inna rzecz, że IMO w Twoim wypadku łatwiej będzie użyć bezpośrednio localStorage – po prostu.

---

obudować masz na myśli coś w stylu:
localStorage.prototype.fromAjax = function(){};

?
teraz wiem że to tak wygląda ale planuję to trochę jeszcze rozbudować

---

Ah, nie zauważyłem tej metody do obsługi Ajaksu…

Nie, nie rozszerza się prototypów natywnych. 

Ale np. pushData może spokojnie wyglądać tak:

pushData:   function(dataKey,data) {
        localStorage.setItem(dataKey, data);
}