javascript - 让 jQuery 函数通过 mySQL 查询使用来自外部 php 文件的数据

Question

现在我有一个带有下拉菜单的网站，该菜单中包含大约 1200 个不同地点的位置。我想要做的是将下拉菜单替换为文本框，当用户开始输入位置名称时，它将相应地填充列表。我已经能够使用在代码的实际脚本 block 中创建的数组成功地完成此操作，但我想要做的不是用来自外部 php 文件的 MySQL 查询的数据替换它。这就是我使用数组所做的工作。

这是与此问题相关的 php:

<?php
include('common.php');
$sql = "SELECT LoginUserName FROM LoginUser";
$query = mysql_query($sql);
while ($row = mysql_fetch_array($query)) {
    $users = $row['LoginUserName'];
//echo $hour.":".$minutes;
}
// $timeHour = $_POST['hours']; This isn't needed.
echo $users;
$content = $_POST['users']; //get posted data
?>

这是我目前使用硬编码数组进行的工作

<script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];

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

然后页面使用的html是

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>

所以现在我想做的是使用 AJAX 调用具有 MySQL 查询的 php 脚本并返回它得到的内容，然后填充搜索结果以达到相同的效果。这是我的想法，请记住我对 jQuery/AJAX 还很陌生......

<script>
  $(function() {
    var availableTags = [
      $.ajax({
       type: "POST",
       url: "getme.php",
       data: { content: content
       }
      })
    ];

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

非常感谢任何帮助。预先非常感谢您

Answer 1

添加 JavaScript 函数

$(function() {
   //autocomplete
   $("#tags").autocomplete({
    source: "search.php",
        minLength: 1
   });              
});

在 search.php 中

$query = "SELECT tags FROM YOUR_TABLE WHERE tags like '%".$_GET['tags']."%' LIMIT 0,15";
$rs = mysql_query($query);
while ($row = mysql_fetch_array($rs)) {
    $tags[] = $row['tags'];
}

echo json_encode($tags);

请使用限制来加快自动建议的速度