php - jQuery UI 自动完成功能到 MySQL 与本地存储？

Question

有兴趣使用 jQuery UI 自动完成功能连接大型 MySQL 事件数据库。这会显着减慢每个页面的速度吗？(搜索栏将出现在所有页面上)

我应该将查询结果存储到本地存储并将脚本放在页面底部吗？或者SESSION或者Cookie？

这是没有任何缓存功能的代码。

<?php

require_once("../../connect.php");
$day_events = "SELECT * FROM tbl_events";
$events_result = mysql_query($day_events);

?>

<script>
    $(function() {
    var availableTags = [
<?php

  while($event_row=mysql_fetch_array($events_result)) {
  echo "\"".$event_row['event']."\",\n";
  }

?>
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>

**编辑:澄清我的问题是使用自动完成功能会显着减慢页面速度吗？如果可以的话可以用什么方法来改善呢？

Answer 1

<script> 
$().ready(function() {
$('#tag').autocomplete('tag.php?find=tag', {
          width: 260,
          matchContains: true,
          selectFirst: false
        });
});
</script>

<?php
//in tag.php
$find = $_GET["find"];
if($find=='tag'){
    $q = strtolower($_GET["q"]);
    if (!$q) return;
    $sql = "select DISTINCT tag from tag where name_tag LIKE '%$q%'";
    $rsd = mysql_query($sql);
    while($rs = mysql_fetch_array($rsd)) {
        $cname = $rs['name_tag'];
        echo "$cname\n";
    }
}
?>

<input id='tag' type='text'>