zoukankan      html  css  js  c++  java
  • aotocomplete1

    <script type="text/javascript">
            $(function () {
                $("#txtSearch").autocomplete({
                    minLength: 1, // 设置搜索的关键字最小长度
                    // 设置自动完成列表的函数,函数包括两个参数,requset和response
                    source: function (request, response) {
                        $.ajax({
                            type: "POST",
                            // 通过request.term可以获得文本框内容
                            url: "Handler1.ashx?keyword=" + encodeURIComponent(request.term),
                            contentType: "application/json; charset=gb2312",
                            dataType: "json",
                            success: function (data) {
                                // jQuery.map(array, callback) :将一个数组中的元素转换到另一个数组中。
                                //  下面就是把数组["value1", "value2",...]转换为[{value:"value1"}, {value:"value2"},...]
                                response($.map(data, function (item) {
                                    return { value: item };
                                }));
                            },
                            error: function () {
                                alert("ajax请求失败");
                            }
                        });
                    }
                });
            });
        </script>

  • 相关阅读:
    Linux安装配置nginx
    Linux下apache安装php
    Linux安装配置apache
    Linux安装mysql
    安装Linux CentOS与用Xshell实现远程连接
    关于IIS上Yii2的Url路由美化
    安装android Studio和运行react native项目(跳坑篇)
    安装android Studio和运行react native项目(基础篇)
    第10章 同步设备I/O和异步设备I/O(3)_接收I/O请求完成通知的4种方法
    第10章 同步设备I/O和异步设备I/O(2)_同步IO和异步IO基础
  • 原文地址:https://www.cnblogs.com/cjmtt/p/2920728.html
Copyright © 2011-2022 走看看