从SQL db中检索多个值以在JavaScript自动完成中使用

时间:2016-11-10 19:40:07

标签: javascript mysql

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

到目前为止我所尝试的并没有奏效。如何使用slug和id?

 width = 52 
 page.x = 158
 400 - width - page.x = 190

 height = 107
 page.y = 146
 400 - height - page.y = 147

这是PHP / SQL

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();
        });

});

1 个答案:

答案 0 :(得分:2)

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