zoukankan      html  css  js  c++  java
  • 关于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

  • 相关阅读:
    MySQl的绑定变量特性
    数数 / DP
    MODE
    题单
    对拍
    二、图论
    sync_with_stdio(false)的副作用
    九大编程语言
    Codeforces Round #575 (Div. 3) A B C
    Educational Codeforces Round 69 (Rated for Div. 2) A B C D
  • 原文地址:https://www.cnblogs.com/zhb7769/p/9529455.html
Copyright © 2011-2022 走看看