jQueryUIオートコンプリートについて言及している質問が約20あります。私はたくさん読んだのですが、まだ立ち往生しています...
jQuery UIのオートコンプリート機能を実装する方法を学習しようとしていますが、このチュートリアルは自分のニーズに最も近いようであり、PHP / MySQLの終了を処理する必要があるため、このチュートリアルを使用しています。
私はその小屋とドキュメントの間を行ったり来たりしていて、それを機能させることができないようです。
私は(私が思うに)単純なオートコンプリートを設定しようとしており、dbクエリから単一のフィールドを取得しています。
これが私が現在持っているjQueryコードです:
$('input.urlSearch').autocomplete({
source: '../scripts/branchAdmin.php',
minLength: 3
});
そして、これがPHPコードです。
if (isset($_GET['term'])) {
$searchTerm = mysqli_real_escape_string($_GET['term']);
require_once('dbConnect.php');
$fetch = mysqli_query("SELECT url FROM branches WHERE url LIKE '%" . $searchTerm . "%'");
$returnArr = array();
while($row = mysqli_fetch_array($fetch, MYSQLI_ASSOC)) {
$rowArr['url'] = $row['url'];
array_push($returnArr,$rowArr);
}
mysqli_close($dbc);
header('Content-Type: application/json');
echo json_encode($arr);
}
これがテキストボックスのHTMLです
<td id="newBranchUrl" class="branchData">
<input type="text" id="txtNewBranchUrl" class="urlSearch" />
</td>
クエリの「url」フィールドは実際には州の短い文字列であり、2単語の州(ノースカロライナなど)の場合は、単語の間にダッシュがあります。
テキストボックスに入力を開始しても何も起こりません。テストを入力しても、データベースにあるかどうかはわかりません。コンソールにもネットワークアクティビティが表示されません(Chromeを使用)。
ツタンカーメンは確かにそれをシンプルに見せます!私はここで何が間違っているのですか?