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

时间:2016-07-11 07:31:17

标签: jquery asp.net-mvc autocomplete typeahead.js

我需要一个autocomlete搜索框

enter image description here

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

感谢是否有人帮助我开始使用jQuery UI自动完成功能。感谢

1 个答案:

答案 0 :(得分: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};
                        }))
                    }
                });
            }
        });
    });