使用 JQuery 自动完成与 php/mysql 不工作答案

【问题标题】：Using JQuery auto complete with php/mysql not working使用 JQuery 自动完成与 php/mysql 不工作
【发布时间】：2018-01-08 05:19:28
【问题描述】：

我正在尝试使用标记为有效的代码，但我没有得到任何结果，它只是空的。注意：如果单独运行 MySQL 确实会返回结果，所以它不是 sql 的东西。有什么建议吗？

HTML：

<head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">       
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    </head>
    <body>

        Name: <input id="hint" />

        <script type="text/javascript">

            $("#hint").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "getMedicineNames.php",
                        dataType: "jsonp",
                        data: {
                            name: request
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                minLength: 3
            });

        </script>
    </body>

PHP：

require 'connect.inc.php';
$mysql = mysqli_connect("$db_host", "$db_username", "$db_pass", "$db_name");
$name = $_POST['name'];
if ($name != "") {

    $sql = "SELECT MedicineName FROM medicinetypes WHERE MedicineNAme LIKE '%$name%'";
    echo json_encode(mysqli_fetch_all(mysqli_query($mysql, $sql), MYSQLI_ASSOC));
}

【问题讨论】：

更正这一行 dataType: "json", 而不是 dataType: "jsonp",
还包括type : "POST",
还是什么都没有..
你能添加你的ajax响应吗

标签： php jquery mysql autocomplete

【解决方案1】：

请添加数据类型：“json”，&类型：“GET”。

如果不起作用，请添加您的 JSON 响应屏幕截图。

【讨论】：

好的，所以改变了一些东西，首先是 request.term 然后 php 现在接受 get。数据已成功返回并使用 console.log(data) 在控制台上显示，但它停在那里，前端没有发生任何事情
现在我做了一些事情，但出现了一些空的小字段

【解决方案2】：

Bilal Ahmed 的答案是正确的。

其实这有点不对：

$name = $_POST['name']; // Maybe cause a PHP Warning

你可以通过创建一个未设置的值来解决这个问题：

$name = isset($_POST['name']) ? $_POST['name'] : "";
/* "" can be NULL, FALSE, 0 or any value */

在 PHP7 中你可以这样做：

$name = $_POST['name'] ?? "";
/* "" can be NULL, FALSE, 0 or any value */

【讨论】：

【解决方案3】：

好吧，我找到了更好的答案，但主要问题是我的 php 代码，我将数组作为 assoc 保留，这是错误的。

JS：

$(function () {
    $("#hint").autocomplete({
        source: 'getMedicineNames.php'
    });
});

PHP：

$mysql = mysqli_connect("$db_host", "$db_username", "$db_pass", "$db_name");
$name = $_GET['term'];

$sql = "SELECT MedicineName FROM medicinetypes WHERE MedicineNAme LIKE '%$name%'";
$res = mysqli_query($mysql, $sql);
$res = mysqli_fetch_all($res, MYSQLI_ASSOC);

foreach($res as $row){
    $data[]=$row['MedicineName'];

}
echo json_encode($data);

【讨论】：