javascript - 如何远程使用 javascript 自动完成和 php

Question

我正在尝试创建一个具有自动完成功能的简单搜索表单。自动完成的值取自不同服务器上的数据库。 我有这个:

<form action="smth.php" method="POST">
  <label>Tracking Tag</label>
  <input class="form-control" type="text" name="tag" id="tag"  />
  <button class="submit btn btn-success" type="submit" name="search" value="Show">Show</button>
</form>

我的小 JavaScript 是:

$("#tag").autocomplete({source: "suggest_tag.php", minLength:1});

现在我有了这个被调用的 suggest_tag.php 文件。

<?php
    if ( !isset($_REQUEST['term']) )
    exit;

    $data =    file_get_contents("http://xxx/suggest_tag.php?  tag=".$_REQUEST["term"]);
    echo $data;
?>

http/xxx/suggest_tag.php中的脚本如下:

<?php
    if ( !isset($_GET['tag']) )
        exit;

    $conn = mysql_connect(**credentials**) or die('Not able to connect to db');
    $query = "select query;";
    $result = mysql_query($query) or die(mysql_error());

    $data = array();
    if ( $result && mysql_num_rows($result) )
    {
        while( $row = mysql_fetch_array($result, MYSQL_ASSOC) )
        {
            $data[] = array("label"=>$row['tag'], "value"=>$row["tag"]);
        }
    }
    echo json_encode($data);
?>

我做错了什么以及如何解决它？

Answer 1

您正在使用具有自动完成功能的自定义数据。如果您这样做，则需要覆盖 select 和 focus 函数，如 the documentation 中所述。 .