使用 jQuery UI 实现自动完成搜索框 _ASP.net MVC

Question

我需要一个自动完成搜索框

我想在用户输入文本时在数据库中查找任何相关问题。

如果有人帮助我了解如何开始使用 jQuery UI 自动完成，我将不胜感激。谢谢

Answer 1

您可以使用 Jquery 来恢复来自控制器的数据（通过 Ajax），然后您也可以使用 Jquery 的自动完成方法...

$(document).ready(function () {
        $("#your_txt_box").autocomplete({
            source: function (request,response) {
                $.ajax({
                    url: 'controller',
                    dataType: 'json',
                    method: 'POST',
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { field1: item.field1, field2: item.field2, field3: item.field3, field4: item.field4};
                        }))
                    }
                });
            }
        });
    });