0

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を使用)。

ツタンカーメンは確かにそれをシンプルに見せます!私はここで何が間違っているのですか?

4

0 に答える 0