Переменная массива после вызова $ .ajax становится пустой

Question

Я заполняю свое имя отдела в массиве с помощью ajax. во время $ .each имя_файла имеет значение, но после окончания ajax, когда я записываю имя раздела, у него нет значения.

 $("#Search").click(function() { 
      var titleId = $("#title").val(); 
      var departmentGenericId = $("#department").val(); 
      var startDate = $("#startDate").val(); 
      var endDate = $("#endDate").val(); 

      var departmentName = []; 
      var complianceValue = []; 
      var nonComplianceValue = []; 
      var complianceRate = []; 
      $.ajax({ 
       type: "GET", 
       contentType: "application/json; charset=utf-8", 
       url: '/AcknowledgementAdminLevel/AcknowledgemetnComplianceRate/', 
       data: {"titleId": titleId, 
        "departmentGenericId" : departmentGenericId, 
        "startDate" : startDate, 
        "endDate" : endDate 
       }, 
       dataType: "json", 
       success: function (data) {          
        $.each(data, function() {        
         departmentName.push(this.DepartmentName); 
         complianceValue.push(this.Compliance); 
         nonComplianceValue.push(this.NonCompliance); 
         complianceRate.push(this.ComplianceRate);        
        }); 
       }     
      });    
      console.log(departmentName);    
     });  

Answer 1

Аякса вызова вызывается асинхронно, поэтому departmentName не была заселена, когда выполнил console.log заявление. Вы можете установить вызов Ajax для выполнения синхронно, если вы действительно хотите, добавив опцию асинхронной следующим образом:

$.ajax({ 
     async: false, 
     //... 

к опциям. Затем вызов ajax ожидает ответа до начала выполнения.