JavaScript ottenere variabile dalla funzione

Question

Non sono un professionista in JavaScript e ho visto la ricerca per un lungo periodo di tempo su Internet.

Sto riscontrando un problema nel ricevere una variabile da un'altra funzione. Il mio codice è alla ricerca in questo modo:

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

La variabile variabeltje deve ottenere le informazioni dai dati. Quando inserisco l'avviso sotto variabeltje=data, funziona, ma ho bisogno della variabile di dati dopo la funzione.

Edit:

ho cambiato a quello che la gente ha detto, ora ho questo:

   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()); 
       } 
       } 

Ma ora il $ (questo) non passa nella funzione. Come posso risolvere questo?

Answer 1

Come è asincrona i dati saranno disponibili solo dopo la chiamata AJAX è completata, quindi dovrete modificare il codice per lavorare con questo e aspettare fino a dopo l'Ajax è fatto per fare la tua roba:

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

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

o in altra funzione:

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:

base alla tua modifica, sembra che si tratta di un problema di scoping:

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

Il problema è che il metodo post viene eseguito in modo asincrono. Questo è, un post viene inviato al server ma il flusso di esecuzione continua così il tuo avviso sta tentando di accedere a un valore che non è stato impostato poiché il post non è ancora stato restituito.

È possibile utilizzare il metodo ajax se è necessaria un'esecuzione sincronica.

Answer 3

Questo perché il metodo $ .post viene eseguito in modo asincrono.

Si prega di dare un'occhiata a this question su SO.

Modifica: è possibile modificare il codice e inserire il metodo post dopo post nel corpo della funzione anonima attivata in caso di successo. Come segue:

$.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... 
    } 
);