关于input框仿百度/google自动提示的方法

引入jquery-autocomplete文件

链接:https://pan.baidu.com/s/1hW0XBYH8ZgJgMSY1Ce6Pig 密码:tv5b

 1 $(function() {
 2             $("#input的ID").autocomplete({
 3                 minLength: 1,
 4                 source: function (request, response) {
 5                     $.ajax({
 6                         type: "POST",
 7                         url: "../ashx/Handler.ashx?act=GetKeyWords&keyword="+request.term,
 8                         contentType: "application/json; charset=utf-8",
 9                         dataType: "json",
10                         success: function (data) {
11                             response($.map(data, function(item) {
12                                  return { value: item.g_name };//这里具体根据json格式返回过来的字段名来修改
13                             }));
14                         },
15                         error: function() {
16                             alert("ajax请求失败");
17                         }
18                     });
19                 }
20             });
21         })

后台c#采用ashx一般处理文件来查询数据

具体的属性参考网址:http://www.runoob.com/jqueryui/api-autocomplete.html

原文地址:https://www.cnblogs.com/zhb7769/p/9529455.html