自动完成：如何避免重复搜索？

Question

我使用 JQuery 插件 autocomplete 作为一种数据集选择器。如果用户从自动完成查找中选择一个值，则会在数据库中查询匹配的数据集。如果用户输入新值，则用户可以输入新数据集。当用户输入现有值而不是从自动完成查找中选择它时，就会出现问题。完成此操作后，不会调用自动完成 .result() 方法，并且不会检索任何数据集。为了解决这个问题，我向输入元素添加了 .blur(function(){$(this).search();}); 。这解决了原来的问题。

现在我遇到的问题是 .result() 在查找选择和模糊时触发。我希望 .result() 在查找或模糊时触发选择。我怎样才能做到这一点？

这是我的代码：

$('#groupset').autocomplete('ajax/php/leeruns.php');
$('#groupset').result(
    function(event, data, formatted) {
        if(data){
            $('#groupsetdesc').val(formatted);
            groups.load(data[1]); //retrieve matching dataset
        } else {
            $('#groupsetdesc').val('');
        }
    }
).blur(function(){$(this).search();});

Answer 1

您可以将数据的当前值存储在名为 previous 的持久变量中，如果相同则不加载数据集。

var loaded_previous;
$('#groupset').autocomplete('ajax/php/leeruns.php');
$('#groupset').result(
function(event, data, formatted) {
    if(data && data[1] != loaded_previous){
        loaded_previous = data[1];
        $('#groupsetdesc').val(formatted);
        groups.load(data[1]); //retrieve matching dataset
    } else {
        $('#groupsetdesc').val('');
    }
}
).blur(function(){$(this).search();});