JQuery и JS переменные

Question

небольшое недоразумение с переменными JQuery и JS. Простой пример:

function someFunc(){ 

    var flag = true; 

    $(function(){ 
     $.post("/some/address/", {} ,function(data){ 
      if(data == false){    
       flag = false; 
      } 
     }); 
    }); 
    if(flag == false){ 
     return false; 
    }  
} 

Основная проблема - доступность флага переменной в функциях JQuery. Я всегда получаю одинаковое значение флага, равное true. Как это сделать? Как сделать глобальную переменную видимой для JS и JQuery?

Answer 1

Я не думаю, что ваша проблема здесь одна из сферы, на самом деле; Я думаю, ваша проблема в том, что функция post является асинхронной. То есть, он отправляется на сервер для получения данных и запускает функцию обратного вызова (которая обновляет ваш флаг), когда данные возвращаются (что может занять некоторое время). Но тем временем окружающая функция продолжает двигаться; он не ждет возвращения post. Таким образом, обновление флага происходит после возврата внешней функции.

Answer 2

На первый взгляд кажется, что, установив flag = 'false' (с «ложью», являющейся строкой) вместо flag = false как bool, тестирование на flag == false никогда не будет истинным.

UPDATE

Кроме того, ваш код JQuery делает запись, которая будет возвращать гораздо позже, чем чек на flag == false. Кажется, вы считаете, что код работает полностью линейно, но метод обратного вызова, который вы устанавливаете flag == false, будет вызываться в гораздо более позднее время.

Answer 3

Проблема заключается в том, что функция обратного вызова называется намного позже, поскольку AJAX является асинхронным. $.post немедленно возвращается, а следующая строка выполняется, когда флаг по-прежнему является ложным.

Answer 4

Вы делаете два асинхронных операций:

• $(function(){}) - пожары функции, когда документ "готов"
• $.post - пожары запрос XHR

Ни один из них будет немедленно вернуться , - например запрос XHR принимает время для завершения - вот почему вы передаете функцию обратного вызова (чтобы вы могли делать вещи после завершения).

Хотя эти операции происходят ваш JS будет продолжать выполнение, что означает, что это:

if(flag == false){ 
    return false; 
} 

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

Answer 5

Обратный вызов AJAX выполняется только после того, как вы вернетесь.

Поэтому, когда вы пишете if(flag == false), то post обратного вызова не выполняется, так flag еще true.

Answer 6

$(function(){ ... }) и $.post("address", function() { ... }) не блокировать. Таким образом, ваш код обратного вызова в ... не будет выполнен до того, как js-интерпретатор будет удален if(flag == false).Это эквивалентно:

var flag = true; 
doSomethingLater(); 
if(flag == false) 
    ... 

flag всегда будет true.

Удалить $(function(){ ... }) и использовать async: falseoption для запросов ajax.