输入字段搜索时，自动完成结果非常慢

Question

我有一个输入字段。 当用户键入某个值时，它必须根据用户搜索自动完成。 我正在使用以下代码。 我正在获取数据，但是如果结果超过50，则会变得非常缓慢，有时系统崩溃。

如何改善我的代码，使其正常工作。

$( "#cc" ).autocomplete({
    delay: 0,
    source: function(request, response) {
        $.ajax({
            url: "<?php echo site_url('registration/getData'); ?>",
            data: { term: $("#cc").val()},
            dataType: "json",
            type: "POST",
            success: function(data) {
                console.log(data);
                if(data.response == "true"){
                    response(data.message);
                }
            }
        });
    },
    minLength: 1
});

Answer 1

您应该使用去抖（查找，非常有用），并且您的API最多应返回5条记录。 向查询添加一个LIMIT。 如果您将api调用用于另一个函数，那么您确实希望有大量的用户。 使LIMIT动态。

Answer 2

您应该考虑使用油门/反跳或至少使用延迟。 这将使您减少服务器负载，并为用户提供更好的响应速度。

简而言之：

节气门：每个指定时间段内最多调用一次原始函数。

防抖动：在调用方在指定时间段后停止调用修饰的函数之后，将调用原始函数。