Javascript функция не возвращает неопределенное значение

Question

я имею следующие функции: angularjs

this.loadDocument = function() { 
       var documents = []; 
       alert("load documents"); 
       $http({ 
        url: 'http://localhost:8085/api/jsonws/dlapp/get-file-entries/repository-id/10182/folder-id/0', 
        method: 'get',    
        headers: { 
          "Authorization": this.makeAuth(this.username,this.password) 
        } 
      }).success(
        function(response) { 
         alert("sucess");       
         documents=response; 
        }); 
       return documents; 
     }; 

я назвал его из следующего кода:

$scope.loadDocument = function() { 
     $scope.documents=documentService.loadDocument(); 

    } 

но возвращаемое значение из функции undefined.because возвращается значение до успешного метода выполнения ajax-вызова.

есть ли решение?

Заранее спасибо.

Answer 1

$ HTTP Услуги углового возвращения обещания, так что вы должны вернуть обещание, как это:

this.loadDocument = function() { 
    return $http({ 
     url: 'http://localhost:8085/api/jsonws/dlapp/get-file-entries/repository-id/10182/folder-id/0', 
     method: 'get', 
     headers: { 
      "Authorization": this.makeAuth(this.username, this.password) 
     } 
    }); 

Тогда вы называете обещание и ждать успеха или потерпеть неудачу:

$scope.loadDocument = function() { 
     documentService.loadDocument().then(function(response){ 
      //the promise success 
      $scope.documents = response.data; 
     }).catch(function(err) { 
      //the promise failed 
     }) 

} 

Answer 2

Вам нужно использовать обещания.

this.loadDocument = function() { 

     return $http({ 
        url: 'http://localhost:8085/api/jsonws/dlapp/get-file-entries/repository-id/10182/folder-id/0', 
        method: 'get',    
        headers: { 
          "Authorization": this.makeAuth(this.username,this.password) 
        } 
      }).then(
        function(response) { 
         return response; 
        }); 
     }; 

Функция loadDocument() теперь возвращает обещание, которое вы можете использовать в контроллере для обновления $ scope.documents только после завершения вызова Ajax.

$scope.loadDocument = function() { 
      documentService.loadDocument().then(
       function(result){ 
       $scope.documents= result; 
      }); 
}