JavaScript pobiera zmienną z funkcji

Question

Nie jestem specjalistą od JavaScript i widziałem, że szukałem tego przez długi czas w Internecie.

Mam problem z uzyskaniem zmiennej z innej funkcji. Mój kod wygląda tak:

var variabeltje; 
$.post('js/ajax/handle_time.php', {'time': $(this).find('input').val()}, 
    function(data) { 
    alert(data); 
    variabeltje=data; 
    } 
); 
alert(window.variabeltje); 

Zmienna variabeltje musi dostać informację z danymi. Kiedy ustawiam alarm poniżej variabeltje=data, działa, ale potrzebuję zmiennej danych po funkcji.

Edit:

Zmieniłem go do tego, co ludzie mówili, teraz mam to:

   var XHR = $.post('js/ajax/handle_time.php', {time: $(this).find('input').val()}); 
       XHR.done(function(data) { 
        console.log(data); 
        getData(data); 
       }); 

       function getData(data) { 
       if(data == 'true') { 
        alert(data); 
        $(this).unbind('keypress'); 
        $(this).html($(this).find('input').val()); 
       } 
       } 

Ale teraz $ (this) nie przechodzi do funkcji. Jak mogę to rozwiązać?

Answer 1

jak to asynchroniczny dane będą dostępne dopiero po wywołaniu ajax jest zakończona, więc będziesz musiał zmodyfikować kod do pracy z tym i czekać, aż po ajax odbywa się robić swoje rzeczy:

var XHR = $.post('js/ajax/handle_time.php', {time: $(this).find('input').val()}); 

XHR.done(function(data) { 
    console.log(data); 
}); 

lub w innej funkcji:

function XHR(time){ 
    return $.post('js/ajax/handle_time.php', {time: time}); 
} 

function doStuff(element) { 
    XHR($(element).find('input').val()).done(function(data) { 
     console.log(data); 
    }); 
} 

EDIT:

na podstawie swojej edycji, wygląda na to, że jest to kwestia określania zakresu:

var self = this, 
    XHR = $.post('js/ajax/handle_time.php', {time: $(self).find('input').val()}); 

XHR.done(function(data) { 
    console.log(data); 
    getData(data); 
}); 

function getData(data) { 
    if(data == 'true') { //normally you'd try to pass true as a boolean, not string 
     alert(data); 
     $(self).unbind('keypress').html($(self).find('input').val()); 
    } 
} 

Answer 2

Problem polega na tym, że metoda post jest wykonywana asynchronicznie. Oznacza to, że post jest wysyłany na serwer, ale przepływ wykonania jest kontynuowany, więc alert próbuje uzyskać dostęp do wartości, która nie została ustawiona, ponieważ post nie został jeszcze zwrócony.

Możesz użyć metody ajax, jeśli potrzebujesz wykonania synchronicznego.

Answer 3

Dzieje się tak dlatego, że metoda $ .post działa asynchronicznie.

Proszę spojrzeć na this question na SO.

Edytuj: Możesz zmienić swój kod i umieścić metodę części po napisie w ciele anonimowej funkcji uruchomionej przy sukcesie. W następujący sposób:

$.post('js/ajax/handle_time.php', {'time': $(this).find('input').val()}, 
    function(data) { 
    alert(data); 
    variabeltje=data; 
    alert(window.variabeltje); // or whatever function you need to call, call it here... 
    } 
);