javascript - jQuery関数にmySQLクエリで外部phpファイルのデータを使用させる

Question

現在、ドロップダウン メニューのあるサイトがあり、そのメニューにはさまざまな場所の約 1200 の場所が含まれています。私がやりたいのは、そのドロップダウン メニューをテキスト ボックスに置き換えることです。ユーザーが場所の名前を入力し始めると、それに応じてリストが入力されます。コードの実際のスクリプト ブロックで作成した配列を使用してこれを正常に実行できましたが、それを外部の 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>

どんな助けでも大歓迎です。事前にどうもありがとうございました