基于百度搜索引擎功能下的智能提示

最新推荐文章于 2019-05-24 17:54:48 发布

YiFoEr_Liu

最新推荐文章于 2019-05-24 17:54:48 发布

阅读量212

点赞数

分类专栏：个人学习文章标签：智能提示

本文链接：https://blog.csdn.net/liiukangkang/article/details/82890843

版权

个人学习专栏收录该内容

28 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>jQuery</title>
       <style type="text/css">
           *{
               padding: 0;
               margin: 0;
           }
           ul li{
               list-style: none;
           }
       </style>
   </head>
   <body>
       <div id="">
           <input type="text" name="" id="wd" value="" />请输入内容
           <div id="info">
               <ul>
                   <li>1</li>
                   <li>2</li>
                   <li>3</li>
               </ul>
           </div>
       </div>

       <script src="js/lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
       <script type="text/javascript">
               $(function(){
                   // 监听键盘按下事件
                   var wd = $("#wd");
                   wd.keyup(function(){
                       // 获取文本框内容
                       // console.log( wd.val());
                       $.ajax({
                           // 需要自己提取服务器接口
                           // 如何提取 1,需要带有自己输入的关键字 2,response有值
                           url:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?",
                           type:"get",
                           // 需要发送给服务器的数据
                           data:{wd:wd.val()},
                           // 跨域数据格式
                           dataType:"jsonp",

                           // 回调方法
                           jsonp:"cb",
                           // 请求成功执行的方法
                           success:function(data){
                               // console.log("chenggong",data);
                               $("#info ul").empty();//清空原有词条

                               var dataarray=data.s;//遍历核心数据
                               for(var i in dataarray)
                               {
                                   // console.log(dataarray[i]);
                                   var element = "<li>"+dataarray[i]+"</li>"
                                   $("#info ul").append(element);
                               }
                           },
                           error:function(){
                               console.log("shibai");
                           }

                       });

                   });
               })