jQuery自动完成功能无法使用PHP,Mysql数据自动完成

问题描述 投票:1回答:1

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

<code>enter image description here</code>

这是我的搜索功能

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>
php jquery mysql jquery-ui-autocomplete
1个回答
0
投票

您不应该仅通过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之前或之后输出其他数据。

© www.soinside.com 2019 - 2024. All rights reserved.