php - Jquery 自动完成速度太慢

Question

我编写了这段代码，它的作用是，如果用户输入邮政编码或城市名称，它会使用类似的查询从数据库中获取，现在的问题是我有大约 1260 条记录，其中两个字段一个是城市，另一个是邮政编码

        SELECT code, area FROM post_codes WHERE code LIKE '$q%' or area LIKE '$q%'  ORDER BY area LIMIT 4

我已经阅读了用户发布的许多问题并在网上进行了研究，但也没有使用查询延迟。我什至还在数据库中对这两个字段建立了索引。它获取记录太慢，这是现在我的第一个问题第二个问题是，当用户在该文本字段中进行搜索时，他按下 Tab 键，他可以绕过搜索并编写他想要如何限制的任何无效代码，这是我的引用代码。

      $("#Postcode").autocomplete("get_codes2.php", {


        width: 260,
 queryDelay:0, 

   dataType: 'json',
   parse: function(data) {
            var array = new Array();
            for(var i=0;i<data.length;i++)
            {

            array[array.length] = { data: data[i], value: data[i].areacode, result: data[i].areacode};

            }
            return array;
    }, 

    formatItem: function(row) {                     





    return row.areacode;
    }






}).result(function (){

Answer 1

我认为Drupal's API search有一个非常好的方法来解决这个问题。他们让每个增量搜索到达后端的替代方案是服务一个大 JSON file ，用于在客户端自动完成。

在他们的实现中，他们监听搜索输入的焦点事件，仅在实际需要时才获取 JSON。