javascript - 取消之前调用的 Google Maps geocode 方法

Question

我正在使用 Javascript 和 Google map 地理编码方法(在输入时使用 keyup 事件)实现自动完成，有时我会在实际搜索之前收到之前的搜索。

我的意图是取消之前未完成的通话。谁能帮帮我？

getAddressLatLng : function(text,callback) {
    var geocoder = new google.maps.Geocoder();
     geocoder.geocode({
         address : text,
         region : Utils.getRegion()
     },
     function(results, status) {
         if (status == google.maps.GeocoderStatus.OK) {
             callback(results);
         }
     });
},

Answer 1

您可以创建一个全局请求计数器，并且仅在它不增加时才执行您的回调行为。例如

var requests = 0;
...
    getAddressLatLng : function(text,callback) {
        var requestNum;
        requests++;
        requestNum = requests;
        var geocoder = new google.maps.Geocoder();
         geocoder.geocode({
             address : text,
             region : Utils.getRegion()
         },
         function(results, status) {
             if(requestNum != requests) return;
             if (status == google.maps.GeocoderStatus.OK) {
                 callback(results);
             }
         });
    },

我还建议对您的函数进行去抖动/节流，这样您就不会浪费带宽来生成不必要的请求 (underscore has convenient functions for doing this)。