Глобальная переменная не установлена ​​значение в $ .getJSON правильно

Question

Я объявил глобальную переменную с именем счетчик = 0 на моей странице index.html внутри головной секции

<script> 
var counter=0; 
</script> 

сейчас в моей одной функции я устанавливаю его значение в

function getCounter(param) 
    { 
     $.getJSON("somewebserviceURL&format=json&callback=?", 
      function(data) 
      { 
       $.each(data, function(i, item) 
        { 
         counter++; 
        }); 

      }); 
//I am not able to get the latest value here & in upcoming functions which use this variable 
     alert(counter); 

    } 

Answer 1

Это потому, что getJSON является асинхронным. Это означает, что переменная counter не будет увеличена до того, как будет достигнут alert(counter). Вместо этого переместите предупреждение только после $.each() цикла:

function getCounter(param) { 
    $.getJSON(
     "somewebserviceURL&format=json&callback=?", 
     function(data) { 
      $.each(data, function(i, item) { 
       counter++; 
      }); 
      alert(counter); 
     } 
    ); 
} 

Answer 2

просто потому, что ваш alert() обрабатывается быстрее, чем ваш counter++;

ваш .getJSON() это просто AJAX-вызов, который asynchr onous.

• http://www.tizag.com/ajaxTutorial/

Что означает код JavaScript, не ждать, пока ваш AJAX вызова не закончена, она продолжается без ожидания.

Answer 3

function getCounter(param) 
{ 
    $.getJSON("somewebserviceURL&format=json&callback=?", 
     function(data) 
     { 
      $.each(data, function(i, item) 
       { 
        counter++; 
       }); 
      // try this 
      alert(counter); 
     } 
    ); 
} 

Answer 4

Это потому, что getJSON отправляется асинхронно. Ваше предупреждение вызывается перед успешным обратным вызовом getJSON. Обратный вызов успеха не вызывается до тех пор, пока у вас не будет ответа, после чего alert() уже будет запущен.

Answer 5

Вы могли бы использовать функцию обратного вызова для этого:

function getCounter(param, callback) { 
    $.getJSON("somewebserviceURL&format=json&callback=?", 
     function(data) 
     { 
      $.each(data, function(i, item) 
       { 
        counter++; 
       }); 

      callback.call(this, counter); 
     } 
    ); 
} 

getCounter(param, function(counter) { alert(counter); }); 

Answer 6

Все истинны здесь GetJson асинхронный!

Просто смещаться предупреждение(), чтобы внутри каждого цикла передний план, чтобы увидеть пораженный значение согласно ниже

function getCounter(param) 
    { 
     $.getJSON("somewebserviceURL&format=json&callback=?", 
      function(data) 
      { 
       $.each(data, function(i, item) 
        { 
         counter++; 
         alert(counter); 

        }); 

      }); 

    }