文本框模糊查询

最新推荐文章于 2024-06-11 14:42:09 发布

happyleo12

最新推荐文章于 2024-06-11 14:42:09 发布

阅读量849

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： typeahead ajax

本文链接：https://blog.youkuaiyun.com/happyleo12/article/details/71521323

前端专栏收录该内容

0 篇文章

订阅专栏

事先下载typeahead.js文件，在html中加载

利用ajax异步加载，从数据库查询过来

<script type="text/javascript">
        $(document).ready(function () {
            //文本框模糊查询
            $('#txtsearchpn').typeahead({
                source: function (query, process) {
                    $.ajax
                    ({
                        type: "get",
                        url: "Ajax/data.ashx?action=getPN",
                        dataType: 'json',
                        async: true,
                        contentType: "application/json; charset=utf-8",
                        data: 'P/N=' + query,
                        success: function (data) {
                            var arr = [];
                            for (i in data) {
                                arr.push(data[i]['P/N'] + "");
                            }
                            process(arr);
                        },
                        error: function (err) {
                            alert(err);
                        }
                    })
                }
            });
</script>

ajax/data.ashx ajax传过去，获取数据，切记是json格式

 public string getPN()
        {
            string sql2 = "select [P/N] from SpareParts1.dbo.Description1"; //语句查询
            return JsonHelper.ToJson(sp.Query(sql2));//转换json
        }