引入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