Question

我正在尝试使用JQuery进行自动完成搜索，但是结果未显示。在浏览器控制台中，我可以看到请求正在运行：

这是我的搜索功能

public function getAllartikelSearch()
{
    $statement = $this->connection->prepare("SELECT * FROM lievers_serienummers.artikel where artikelNummer like :keyword");
    $statement->bindValue('keyword', '%' . $_GET['term'] . '%');
    $statement->execute();
    $result = array();
    while($product = $statement->fetch(PDO::FETCH_OBJ)) {
        array_push($result, $product->artikelNummer);
    }
    echo json_encode($result);
}

这由search.php调用

<?php
require_once 'database.php';
require_once 'autoloader.php';

$overzichtmanager = new overzichtmanager();
$overzichtmanager->getAllartikelSearch();
?>

这是自动完成代码：

<script>
    $(document).ready(function () {
        $('#tags').autocomplete({
            source: 'search.php'
        });
    });
</script>

<body>

<header>
    <h1>Toevoegen</h1>
</header>
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" name="term"/>
    <div id="countryList"></div>
</div>

Answer 1

您不应该仅使用echo的方法来使用return。除了控制器逻辑之外，您不应输出任何内容。还要避免在方法内部使用全局变量，而是将值作为参数传递。同样，使用PDO的fetchAll()函数时无需循环。

public function getAllartikelSearch($term)
{
    $sql = "SELECT artikelNummer FROM artikel where artikelNummer like :keyword";
    $statement = $this->connection->prepare($sql);
    $statement->execute(["keyword" => "%$term%"]);
    $result = $statement->fetchAll(PDO::FETCH_COLUMN, 0);
    return json_encode($result);
}

现在search.php可以看起来像这样，设置适当的标题并将JSON输出到脚本。除非您在同一文件中包含HTML，否则不要关闭PHP代码。

<?php
require_once 'database.php';
require_once 'autoloader.php';

$overzichtmanager = new overzichtmanager();
$json = $overzichtmanager->getAllartikelSearch($_GET["term"]);
header("Content-Type: application/json");
echo $json;

尝试一下，它应该可以正常工作。我怀疑缺少标头会导致问题，或者可能在JSON之前或之后输出其他数据。如果问题仍然存在，请在浏览器中检查JS控制台中是否有错误消息，然后编辑您的问题以将其包括在内。

jQuery自动完成功能不会使用PHP，Mysql数据自动完成

1 个答案: