Объявление глобальной переменной в jQuery

Question

У меня есть этот код, и я хочу сделать таблицу переменных глобальной переменной, но она не работает, и я не понимаю, почему, может кто-нибудь мне помочь?

 var table; 
     function formatCustomerResults(obj) { 
      var rows = Array(); 
      for (i = 0; i < obj.length; i++) { 
       var item = obj[i]; 
       rows.push({ 
        cell : [ item.guid, item.limittime, item.limitname ] 
       }); 
      } 

      console.log(rows); 
      table = rows; 

      return { 
       total : obj.length, 
       page : 1, 
       rows : rows 
      }; 
     } 

     $.ajax({ 
      type : 'GET', 
      url : 'http://localhost:6181/fintpWebServices/api/timelimits', 
      dataType : 'json', 
      success : function(data) { 
       obj = data.timelimits; 
       formatCustomerResults(obj); 
      } 
     }); 

     console.log(table); 

Answer 1

Выполняется асинхронный вызов, вы действуете так, как будто это синхронно. Вы вызываете console.log() перед вызовом обратного вызова. Ajax 101 материал.

Answer 2

Ваш вопрос в том, что вы звоните

console.log(table); 

перед тем таблицы фактически заселенной ваш вызов AJAX и функции formatCustomerResults. Помните, что «A» AJAX означает «асинхронный».

Answer 3

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

Чтобы убедиться, что переменная всегда объявляется во всем мире, просто определить его как свойство объекта окна, поэтому удалить строку

var table; 

И заменить

table = rows; 

с

window.table = rows; 

---

Кроме того, можно просто написать

table = rows; 

без объявления таблицы в качестве локальной переменной, но это хорошая практика, чтобы явно определить глобальные переменные как свойства объекта окна (что глобальные переменные), так что ясно, к что ваше определение глобальной переменной является преднамеренным.

Answer 4

Собственно таблица переменная установлена ​​перед вашими переменными обновления, потому что этот код является asynchronous после использования ajax

Если вы console после вызова formatCustomerResults то он будет показывать ваш table

 success : function(data) { 
      obj = data.timelimits; 
      formatCustomerResults(obj); 
      console.log(table);// this will print data 
     }