Вызывающая переменная внутри функции jQuery извне

Question

var test = null; 

$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
}); 

alert(test); 

Я всегда думал, что объявляю переменную извне функции до того, как рука предоставила доступ к переменной, даже если вызвана внутри функции. Однако моя тестовая переменная по-прежнему предупреждает об ошибке.

Answer 1

Вероятно, проблема с заказом, так как функция $.get является асинхронной. Обратный вызов get не запускается до тех пор, пока предупреждение не будет запущено.

Предупреждение запускается до того, как get завершен. Вы должны убедиться, что get завершен до предупреждения, вызывая предупреждение в обратном вызове.

Try:

var test = null; 

$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
    alert(test); 
}); 

или

var test = null; 

$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
    outside(); 
}); 

function outside() { alert(test); } 

Answer 2

Это потому, что вы используете переменный перед оператором прибудет выполнить полностью.

Тест получит значение при вызове обратного вызова функции get.

Если вы разместите предупреждение в функции get, то он будет звонить наконец.

Answer 3

он просто не назначен еще ..
Вы можете просто подождать, пока она:

var test = null, inprocess = true; 

$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
    inprocess = false; 
}); 

var wait = setInterval(function(){ 
    if (!inprocess) { 
    clearInterval(wait); 
    alert(test); 
    } 
}, 500); 

Но этот код ужасен. Гораздо лучше, чтобы вызвать функцию обратного вызова непосредственно:

var test = null; 
$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
    anyactionwithtest(test); 
    alert(test); 
}); 

Или использовать что-то вроде Jquery deffered обещание:

var test = null; 
$.get("/zeWebsite.php?blarg=421", function(data){ 
    test = data.trim(); 
}).done(function (data){ 
    // data also accessible here as is 
    alert(test); 
});