AngularJS $ http ajax请求不是异步的，并导致页面挂起

Question

我有一项从服务器提取数据的服务。当我单击按钮以通过此服务将请求发送到服务器时，该窗口将卡住，直到收到服务器的响应。有什么我可以做的使这个请求异步？

这是我的服务。

app.factory('service', function($http) {
  return {
    getLogData : function(startTime,endTime){
      return $http({
        url:     baseURL + 'getLogData',
        method:  'GET',
        async:   true,
        cache:   false,
        headers: {'Accept': 'application/json', 'Pragma': 'no-cache'},
        params:  {'startTime': startTime , 'endTime': endTime}
      });
    }
  };
)};

HTML。

<button ng-click="getData()">Refresh</button>
<img src="pending.gif" ng-show="dataPending" />

代码

$scope.getData = function(){
  service.getLogData().success(function(data){
    //process data
  }).error(function(e){
    //show error message
  });
}

Answer 1

尽管有一些关于您的方法的利弊的争论，但我认为问题已在此处得到解决:AJAX call freezes browser for a bit while it gets response and executes success

要测试这是否实际上是问题的一部分，请模拟响应并静态提供。我使用Fiddler或WireShark来获取响应，然后保存到testService.json之类的文件中。 XHR及其所有各种派生类(例如$ HTTP $ .ajax)将其视为服务，尽管 header 可能略有不同。