输入框联想输入(百度)智能输入提示

首先打开百度搜索一波,F12,走到netWork

Request URL: https://www.baidu.com/home/msg/data/personalcontent?callback=jQuery110205072459461214804_1532504416476&num=8&_req_seqid=917e1cb900000f03&sid=1448_21086_18560_20880_26925_20928&_=1532504416477
Referer: https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=2&tn=baiduhome_pg&wd=php&rsv_spt=1&oq=php&rsv_pq=fb3dc0fb000008ac&rsv_t=d313mCTMDCX%2F2O4ijbl9RYFAPjibyzo8ruqX%2BT4dlUu3qXuyd8t5s4FL6oDSmAtcXKEr&rqlang=cn&rsv_enter=1&inputT=3&rsv_sug2=0&rsv_sug4=3

直接上代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="./JQ/jquery-1.12.2.min.js" ></script>
</head>
<body>
<input type="text" onkeyup="require()" id="search"/>
<div id="show"></div>
<script>
    function require(){
        var search = $("#search").val();
        var _url = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+search+'&json=1&p=3&sid=20144_1467_19033_20515_18240_17949_20388_20456_18133_17001_15202_11615&req=2&csor=2&pwd=s&cb=jQuery110207612423721154653_1467355506619&_=1467355506623';
        $.ajax({
            type:"get",
            url:_url,
            async:true,
            dataType:'jsonp',
            jsonpCallback:'jQuery110207612423721154653_1467355506619',
            success:function(data){
                console.log(data);
                var list = data.s;
                var str ="";
                for(var i in list){
                    str+='<p>'+list[i]+'</p>';
                }
                $("#show").html(str);
            }
        });
    }
</script>
</body>
</html>

效果:

猜你喜欢

转载自blog.csdn.net/qq_38191191/article/details/81204252
今日推荐