自动完成结果在输入字段搜索中非常慢

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 条记录。向查询添加限制。如果您将 api 调用用于另一个函数，您确实希望有很多用户。使限制动态化。

Answer 2

您应该考虑使用油门/去抖动或至少使用延迟。这将使您能够减少服务器的负载，并为用户提供更好的响应速度更快的体验。

总之：

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

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