确保在AngularJS后续HTTP Ajax调用的正确顺序

Question

假设我们有一个自动完成一个超级简单的搜索触发的KEYUP /击的$ http.get（）请求：

<input type="text" ng-model="keyword" ng-change="makeRequest()"> 

和

$scope.makeRequest = function() { 
    $http.get(url).then(function(res) { 
     // update the typeahead list here. 
    }); 
} 

维持传递响应的顺序的最简单方法是什么？由于变化的延迟，更早的结果通常会最终导致用户混淆。 我正在寻找一些顺序，而不是直接去抖，这将防止在某个按键间隔下发出请求。

Answer 1

您可以跟踪最新的请求和响应忽略，除非它从最新的...

var latestRequest = 0; 
$scope.makeRequest = function() { 
    var thisRequest = ++latestRequest; 
    $http.get(url).then(function(res) { 
     if (thisRequest === latestRequest) { 
     // update the typeahead 
     } 
    }); 
}