jQuery UI - 加速自动完成

Question

我的自动完成工作正常，但我正在努力想办法让它更快。这是我的 HTML：

Country: <select name='country' id='country' onchange="renewAutocomplete();">
             <option value='US'>USA</option>
             <option value='UK'>United Kingdom</option>
         </select><br/>
City: <input type='text' name='city' id='city' />
<script>
   function renewAutocomplete() {
      $( "#city" ).autocomplete({
            source: "searchCities/" + $('#country').val(),
            minLength: 2
        });
   }
</script>

PHP/mySQL 查询非常基本：

$term = $_GET['term'];
$sql = "SELECT city FROM cities WHERE country_code = '{$country}' AND city LIKE '{$term}%'";

当然，这意味着每次击键都会有一个新的查询。添加一些缓存会有所帮助，但它仍然没有我认为的那么快。

问题 1 我的第一个想法是在选择 Country 时在一个 db 调用中获取所有城市。有没有办法将返回的所有国家城市的 JSON 分配给自动完成可以使用的变量？我的初始测试只会在您输入时弹出所有城市：

      $.get("searchCities/" + $('#country').val(), function(data) {
                    $( "#city" ).autocomplete({
                        source: data,
                        minLength: 2
                    });
        });
PHP: 
    $sql = "SELECT city FROM cities WHERE country_code = '{$country}'";

问题 2 由于城市和国家/地区变化不大（通常），仅拥有包含所有值的平面文件会更快吗？

或者有没有其他方法可以更快地自动完成？

谢谢。

Answer 1

1. 自动完成假设如果您返回它，它就是一个有效的答案。所以不行。

2. 是的，从平面文件中提取数据比每次击键都敲击数据库要快得多。但是，如果您在数据库前面放置一些缓存（memcache），它可能会和平面文件一样快。

但实际上，因为您（可能）正在为您的术语搜索（相对）较小的集合，所以无论如何它都会非常快。

从扩展的角度来看，将它们粘贴在平面文件中或使用缓存。

作为旁注：查看mysql_escape_string()以使用 $country 和 $term。否则您很容易受到SQL 注入攻击。