正文

百度下拉智能搜索提示(代码片段)

寻觅聪  寻觅聪  2022-10-26  557

关键词：

此案例使用的时ajax技术实现百度下拉，其中有利用jsonp解决跨域的问题，目前刚接触到ajax技术，在这里分享记录一下学习的痕迹！
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>EMS-jquery查询</title>
    <style type="text/css">
        #sug
            position: absolute;
            left: 50%;
            margin-left: -150px;
            width: 300px;
            background: lightGreen;
            height: 40px;
            text-align: center;
        
        #sug input
            margin-top: 10px;
        
        #list
            position: absolute;
            left: 50%;
            top:50px;
            width: 200px;
            margin-left: -150px;
            height: auto;
            background: lightBlue;
            display: none;
        
        #list ul
            padding-left: 0px;
            margin: 0px;
        
        #list ul li
            background: lightGray;
            line-height: 30px;
            list-style: none;
            padding-left: 10px;
            margin-top: 0px;
            cursor: pointer;
        
        #list ul li.on
            background: lightGreen;
        
    </style>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div id="sug">
    <div>
        <input type="text" id="keyWord" autocomplete=off>
        <input type="button" value="百度一下" id="btn">
    </div>
</div>
<div id="list"></div>
<script type="text/javascript">
    $(function()
        //键盘抬起时触发的动作
        $("#keyWord").keyup(function()
            //获取到输入框的值
            var kw = $("#keyWord").val();
            //发送请求的地址
            var url = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + kw;
            //请求到的函数
            querySUG(url);
        );
        function querySUG(url)
            $(‘#list‘).html = ‘‘;
            //使用ajax获取到请求
            $.ajax(
                type:‘get‘,
                url:url,
                dataType:‘jsonp‘,
                async: true,
                jsonp:‘cb‘,
                success:function(data)
                    //遍历得到的数据数组
                    var ul = $("<ul></ul>");
                    for(var i = 0; i < data.s.length; i++)
                        //得到每一项数据
                        var li = $(‘<li></li>‘).append(data.s[i]);
                        $(ul).append(li);
                    
                    $(‘#list‘).append(ul).show();
                    $(‘#list‘).find(‘li‘).hover(function()
                        $(this).css(‘background‘,‘lightGreen‘);
                    ,function()
                        $(this).css(‘background‘,‘lightGray‘);
                    );
                ,error:function()
                    console.log(‘faile‘);
                
            )
        
    )

</script>
</body>
</html>

智能提示solr（suggest）

...现这么一块功能，当输入文字时候。下拉框提示。类似于百度搜索在师出名门的基于lucene的solr搜索引擎中。提供了拼写检查和智能提示这块功能。拼写检查就是用来检查用户输入的检索内容是否存在，假设不存在则，... 查看详情

类似百度搜索的下拉提示框，复制别人的，改了一下。

jsp代码：在填写上级公司的input框时需要给客户提示已经保存过的相似公司名称，所以在下面加一个id为append的空的div。<divclass="rowcl"> 　　<labelclass="form-labelcol-xs-4col-sm-2"style="text-align:right;">上级公司：</label> ... 查看详情

超智能的ai搜索引擎，绝对比百度还牛逼，不信你试试。(代码片段)

...知道，每当谈到搜索引擎的时候，所想到的肯定是国内的百度和国外的Google。针对国内的一些用户，只能通过百度来进行搜索，如果想要通过Google搜索的话，大家也都知道，在这就不多说了。如今，互联网时代的发展经历了翻天... 查看详情

elasticsearchsuggester实现智能提示(代码片段)

CompletionSuggester智能提示"settings":,"mappings":"doc":"properties":"productName":"type":"text","analyzer":"ik_max_word","productNameSuggester":"type":"completion",//智能提示字段"search_analyzer":"ik_max_word",//搜索使用分词默认跟索引一直"analyzer":"ik_max_word",//索引分... 查看详情

人工智能语音识别系统开发(代码片段)

1.初始教程1.登录百度云管理中心，点击管理控制台2.进入后，下拉在已开通服务中选择百度语音3.点击创建应用，得到以下应用 4.这里也可以查看它的相关技术文档快速入门链接2.文字合成语音1.安装使用PythonSDK，终端下... 查看详情

vue+antd搭配百度地图实现搜索定位等功能(代码片段)

...vue项目的时候有做到选择地址功能，而原项目中又引入了百度地图，所以我就打算通过使用百度地图来实现地址搜索功能啦。本次教程可能过于啰嗦，所以这里先放上预览地址供大家预览——点我预览，也可到文末直接下载代码... 查看详情

解决input中智能提示框onblur与onclick冲突的问题(代码片段)

背景：制作一个类似百度输入法的智能提示框，其中当关键词输入进来时，会有智能提示展开，实际需求是当点击智能提示框的汉字时，输入框中自动补全并关闭智能提示,当点击其他区域时,智能提示框自动隐藏，如下所示：分... 查看详情

算法之智能搜索（上）(代码片段)

笔者并不了解，各大搜索网站是怎么实现智能搜索的。以下只是笔者一时的想法，笔者觉得这个方法可以实现智能匹配搜索内容。一、首先我们获取细胞词库内容①建表语句：DROPTABLEIFEXISTS`sougou_ciku`;CREATETABLE`sougou_ciku`(`id`varchar(5... 查看详情

selenium下拉框处理(代码片段)

我们在操作网页时，经常会碰到下拉框，比如百度的搜索设置有多种方法可以对下拉框中的元素进行选择一、间接选择先定位到下拉框，再定位其中的选项代码：#coding=utf-8fromseleniumimportwebdriverfromselenium.webdriver.common.action_chai... 查看详情

怎么做百度搜索的下拉框？

1、实现该功能需依赖jquery.js，jquery.autocomplete.js，先引入这两个js包，以及jquery.autocomplete.css样式文件，如图所示。2、该不全插件要结合input元素使用，也就是在input中进行搜索时，会达到自动提示补全的效果，在html文件中定义inp... 查看详情

lucene的suggest(搜索提示功能的实现）(代码片段)

...　<version>7.2.1</version></dependency>2.既然要进行智能联想，那么我们需要为提供联想的数据建立一个联想索引(而不是使用原来的数据索引)，既然要建立索引，那么我们需要知道建立索引的数据来源。我们使用一个扩展... 查看详情

selenium自动化测试之单选下拉列表alert弹窗处理页面刷新(代码片段)

测试内容1.百度首页-设置-搜索设置，涉及下拉列表处理和单选、弹窗处理2.百度首页-设置-高级搜索，涉及页面刷新后的处理、下拉列表代码实现 firefox_driver=webdriver.Firefox()firefox_driver.get("https://www.baidu.com/")firefox... 查看详情

vbscript多层次“智能”关键字搜索（vbs）(代码片段)

查看详情

virustotal智能搜索安卓样本示例(代码片段)

引入之前有专门写过VirusTotal的智能搜索（见参考1），但这个不是针对Android平台的，所以这里记录几个搜索Android平台样本的示例。示例搜索文件类型为apk，而且被kaspersky打为spy，并且一共有5家vendor打到的... 查看详情

032android智能下拉刷新框架-smartrefreshlayout+recyclerview的使用(代码片段)

...　　SmartRefreshLayout的目标是打造一个强大，稳定，成熟的下拉刷新框架，并集成各种的炫酷、多样、实用、美观的Header和Footer。正如名字所说，SmartRefreshLayout是一个“聪明”或者“智能”的下拉刷新布局，由于它的&l... 查看详情

正文