javascript - 使用 jquery ajax 自动建议总是在后面 1 次击键产生建议

Question

我正在尝试为搜索框编写自动建议功能。除了一方面，它似乎在做我想做的事。所有建议都是针对上一次击键而不是当前击键（最新建议不考虑最近按下的键）。

我的 Javascript / JQuery 代码如下：

$('#searchBox').keypress(function() {
    if ($('#suggest').length < 1) {
        $('.search').append('<div id="suggest"></div>');
    }
    search_text = $('#searchBox').val();
    $.ajax({ url: '<?php echo base_url('home/get_suggestions'); ?>',
        data: {"search_text": search_text},
        type: 'post',
        async: 'false',
        success: function(data) {
            $('#suggest').html(data);
        }
    });
});
$('#searchBox').blur(function() {
    $('#suggest').remove();
});

任何帮助，将不胜感激。谢谢。

Answer 1

尝试使用 keyup 事件。在 keydown 或 keypress 事件中，文本框具有“先前”值，而 keyup 事件具有“新”值。

$('#searchBox').keyup(function() {
...
});