jsonp_百度联想

Posted 2020-08-31 每天都要学进去一些

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsonp_百度联想相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
请输入关键词<input id="keyword" type="text" value="" onkeyup="sugesst()"/>
<ul id="list">

</ul>
<script>
    //http://suggestion.baidu.com/su?wd=‘+keyword+‘&cb=show
    function show(allData) {
        var data = allData.s;
        /*var str=‘‘;
        data.forEach(function (item) {
            str+=‘<li>‘+item+‘</li>‘;
            document.querySelector("#list").innerHTML=str;
        });
        if(document.querySelector("#keyword").value==""){
            document.querySelector("#list").innerHTML="";
        }*/
        //上边太麻烦，用map，map本身有返回值
        var strArr=data.map(function(item) {
           return ‘<li>‘+item+‘</li>‘;
        }).join();
        document.querySelector("#list").innerHTML=strArr;
        console.log(typeof strArr);
    }
    function sugesst() {
        var script = document.createElement("script");
        var keyword=document.querySelector("#keyword").value;
        script.src = ‘http://suggestion.baidu.com/su?wd=‘ + keyword + ‘&cb=show‘;
        document.querySelector("body").appendChild(script);
    }
</script>
</body>
</html>

以上是关于jsonp_百度联想的主要内容，如果未能解决你的问题，请参考以下文章