javascript - 从 SQL 数据库检索多个值以在 JavaScript 自动完成中使用

Question

我正在使用以下脚本来实现输入自动完成功能。我从 MYSQL 数据库检索 3 列数据。该脚本非常适合显示 1 列“标题”，但我想使用其他列“slug”和“id”来为每个结果构建可点击的 URL。

到目前为止我所尝试的方法都没有成功。如何使 slug 和 id 可供使用？

MIN_LENGTH = 2;
$( document ).ready(function() {
    $("#keyword").keyup(function() {
        var keyword = $("#keyword").val();
        if (keyword.length >= MIN_LENGTH) {

            $.get( "auto-complete.php", { keyword: keyword } )
            .done(function( data ) {
                $('#results').html('');
                var results = jQuery.parseJSON(data);
                $(results).each(function(key, value) {
                    $('#results').append('<a href="/' + value.slug + '/' + value.id + '/"><div class="item">' + value + '</div></a>');
                })

                $('#keywordsearch').click(function() {
                    var text = $(this).html();
                    $('#keyword').val(text);
                })

            });
        } else {
            $('#results').html('');
        }
    });

    $("#keyword").blur(function(){
            $("#results").hide();
        })
        .focus(function() {     
            $("#results").show();
        });

});

这是 PHP/SQL

function serachForKeyword($keyword) {

$db = getDbConnection();
$stmt = $db->prepare("SELECT title,id,slug FROM `articles` WHERE title LIKE ? ORDER BY title ASC");

$keyword = $keyword . '%';
$stmt->bindParam(1, $keyword, PDO::PARAM_STR, 100);

$isQueryOk = $stmt->execute();

$results = array();

if ($isQueryOk) {
  $results = $stmt->fetchAll(PDO::FETCH_COLUMN);
} else {

  trigger_error('Error executing statement.', E_USER_ERROR);
}

$db = null; 

return $results;

Answer 1

PDO::FETCH_COLUMN 告诉驱动程序只获取一列，在您的情况下为标题。尝试不同的获取模式。