javascript - PHP JSON 响应包括 HTML 布局

Question

我在这里遇到一个问题:我正在尝试创建一个 jQuery/AJAX/PHP 实时搜索栏。我很好地调用 search.php ，但是每当我在控制台中输出响应时，我都会得到 master.php 文件的内容(这只是站点范围的布局) )以及 JSON 编码的结果。我无法弄清楚是什么导致了这种情况发生。

这是我的 jQuery:

$(function() {
$("#search-text").keyup(function() {
    var $res = $(".search-results");

    $.ajax({
        type: "POST",
        url: "search.php",
        data: { query: $(this).val() },
        cache: false,
        success: function(html) {
            $res.show();
            $res.append(html);
            console.log(html);
        },
        error: function(xhr, status, error) {
            console.log("XHR: " + xhr);
            console.log("Status: " + status);
            console.log("Error: " + error);
        }
    });

    return false;

});
});

和search.php:

$key = $_POST["query"];
$db = new Database();
$db->query("SELECT * FROM users WHERE firstname LIKE :key OR lastname LIKE :key OR firstname AND lastname LIKE :key");
$db->bind(":key", '%' . $key . '%');
$rows = $db->resultset();

echo json_encode($rows);

谢谢!

Answer 1

在search.php中的echo后面写一个exit()。
像这样:

$key = $_POST["query"];
$db = new Database();
$db->query("SELECT * FROM users WHERE firstname LIKE :key OR lastname LIKE :key OR firstname AND lastname LIKE :key");
$db->bind(":key", '%' . $key . '%');
$rows = $db->resultset();

echo json_encode($rows);

exit();

它应该阻止显示整个页面。