я инициализируется значение внутри $ .post, но не может получить доступ к нему за пределами $ .post

Question

Ниже мой код:

$.post(
    "index.php?component=static_content&action=rules_count", 
    { region:rname,page_url:page_url}, 
    function(data1) { 
     alert(data1); 
     var num = $(data1).find('.ruleNum').html(); 
    } 
); 
alert(num); 

Но на линии alert(num); есть ошибка num is undefined. Любая идея, что я делаю неправильно?

Помогите оценить очень.

Answer 1

вы объявили переменную num внутри вашего почтового обратного вызова, так что за пределами этой функции переменного явно не определен

Но даже если вы определяете его снаружи, его значение выиграло 't будет отображаться так, как вы ожидали, поскольку ajax является асинхронным (так что, когда вы предупреждаете эту переменную, вызов ajax все еще работает)

, если вам нужно, чтобы номер num даже снаружи вызывал другую функцию, передающую переменную, например

$.post(
    "index.php?component=static_content&action=rules_count", 
    { region:rname,page_url:page_url}, 
    function(data1) { 
     alert(data1); 
     continueProcess(data1); 
    } 
}); 

var continueProcess = function(num) { 
    alert(num); 
} 

или использовать Deferred Objects (с Ajax методы возвращают обещание поскольку jQuery 1.5) вы также можете сделать

$.when($.post(...).done(function(num) { 
    alert(num) 
}); 

Answer 2

num является локальной переменной в анонимной функции, переданной в $.post(). Он не существует за пределами области действия, но вы получаете доступ к нему из совершенно другой области.

Кроме того, переменная будет определена позднее, а не когда вы ее используете. Если это глобальная переменная, она все равно будет недоступна в то время, когда вы ее используете, потому что она будет определена только после операция POST завершается.

Таким образом, вы можете использовать только num внутри этой функции. Вот пример того, что вы могли бы сделать:

function numWasReceived(num) { 
    alert(num); 
} 

$.post(
    "index.php?component=static_content&action=rules_count", 
    { region:rname,page_url:page_url}, 
    function(data1) { 
     alert(data1); 
     var num = $(data1).find('.ruleNum').html(); 
     numWasReceived(num); 
    } 
); 

Answer 3

Поскольку вы объявили num только в $.post() он не доступен в глобальном масштабе.

Вот в глубине объяснение функций и областей применения: https://developer.mozilla.org/en/JavaScript/Reference/Functions_and_function_scope