ajax - Twitter-bootstrap 预输入重复

Question

我设法创建了一个有效的 twitter typeahead ajax 调用。

我遇到了输入太快时项目重复的问题。

示例场景:

当您尝试获取“Casablanca”时，您会开始输入，并期望当您到达“casa”时，它会被相对较好地过滤。不幸的是，这些项目是重复的，所以我没有 2 或 3 个选项，而是 9 到 20 D:

这是正在调用的 JS:

$(".airportSearch").typeahead({
    source: function(query, process) {
        airports = [];
        map = {};

        $.ajax({
            url: url_,
            dataType: "json",
            data: {
                n: 12, q: query
            },
            success: function(data) {
                    $.each(data, function (i, record) {
                    map[record.airport] = record;
                    airports.push(record.city + ", " + record.airport + " (" + record.iata + "), " + record.country);
                });

                process(airports);
            }
        });
    },
    minLength: 1,
    items: 11,
    sorter: function (items) {
        return items.sort();
    },
    updater: function (item) {
        selectedState = map[item].iata;
        return item;
    }
});

如果我打字慢一点，效果很好，但众所周知，我不能指望别人
有点耐心!

当我输入“casa”时，我正在调用的 servlet 的响应只有 3 条记录长:

[
{"type":"airport","city":"Casablanca","airport":"Anfa","iata":"CAS","country":"Morocco","locationId":"airport_CAS"},
{"type":"airport","city":"Casablanca","airport":"Mohammed V","iata":"CMN","country":"Morocco","locationId":"airport_CMN"},
{"type":"airport","city":"Casa Grande Municipal, AZ","airport":"Casa Grande Municipal","iata":"CGZ","country":"United States","locationId":"airport_CGZ"}
]

不幸的是，在某个地方似乎发生了一些愚蠢的事情，我有
一直找不到。当我输入“casa”时，正在处理的“airports”对象如下所示:

["Casablanca, Anfa (CAS), Morocco", 
"Casablanca, Mohammed V (CMN), Morocco", 
"Casa Grande Municipal, AZ, Casa Grande Municipal (CGZ), United States",
"Cascade Locks, OR, Cascade Locks (CZK), United States",
"Cascavel, Cascavel (CAC), Brazil",
"Casigua, Casigua (CUV), Venezuela",
"Casino, Casino (CSI), Australia",
"Casper, WY, Casper (CPR), United States",
"Cassilandia, Cassilandia (CSS), Brazil",
"Castaway, Castaway (CST), Fiji",
"Castlegar, Castlegar (YCG), Canada",
"Castres Mazamet, Castres Mazamet (DCM), France", 
"Castro Gamboa, Castro Gamboa (WCA), Chile", 
"Casablanca, Anfa (CAS), Morocco",
"Casablanca, Mohammed V (CMN), Morocco", 
"Casa Grande Municipal, AZ, Casa Grande Municipal (CGZ), United States",
"Casablanca, Anfa (CAS), Morocco", 
"Casablanca, Mohammed V (CMN), Morocco",
"Casa Grande Municipal, AZ, Casa Grande Municipal (CGZ), United States"]

如您所见，我当时期望的 3 个结果有重复项，以及
此时本应过滤掉的重复记录。

我是否需要在通话之间以某种方式等待，或者检查重复项？我不太确定如何解决这个问题，希望能提供一些意见或建议。

Answer 1

搬家解决了问题

airports = [];

在成功函数内部。