使用ajax、jquery和php、codeigniter将数据推送到html列表中进行搜索

首先，我想让你们看看我在做什么。
我正在尝试使用AJAX、jquery和php在我的应用程序中创建搜索功能 至于我正在使用的框架Codeigniter，但它不一定是CI，这可能与所有框架都类似（我想是这样）

我用这段代码观察

聚焦

和

模糊

事件

$("#searchbox").on({
    keyup : debounce(function(){
        MSI.Interface.search();
        },350,false),
    blur  : function(){
        $("#search_results").hide();
        }
});

我还没有完成它，这就是为什么

blur

事件只有

.hide（）

。我想不出还有什么其他内容可以包含，也许可以将

#search_results

的

html

重置为空白，但我不知道这是否合理

第一个问题：您认为哪种解决方案更合理

正如您在前面的代码中所看到的，我使用了debounce函数，只是为了防止服务器上的每个字符请求，我想知道这是否正确

然后我有了这个

搜索

功能

search : function() {
    var keyword = $("#searchbox").val();
    if (keyword == '') {
    } else {
        $.ajax({
            url : MSI.variables.base_url + 'search',
            type: 'POST',
            data: {
                keyword : keyword
            },
            dataType : 'json',
            success: function(output) {
                $.each(output, function() { 
                    $.each(this, function(key, value){
                        $("#search_results").show().prepend("<p>"+value+"</p>");
                    });
                });
            }
        });
    }
}

search:function（）{
var关键字=$（“#搜索框”）.val（）；
如果（关键字=“”）{
}否则{
$.ajax({
url:MSI.variables.base_url+“搜索”，
键入：“POST”，
数据：{
关键词：关键词
},
数据类型：“json”，
成功：功能（输出）{
$.each（输出，函数（）{
$。每个（此，函数（键，值）{
$（“#搜索结果”）.show（）.prepend（“”+value+”
”）；
});
});
}
});
}
}

使用该代码，脚本将能够将内容添加到

#search_results div

第二个问题：您认为什么是更好的解决方案