jsonp 推荐搜索功能

最新推荐文章于 2022-04-15 20:46:52 发布

喀喀喀是

最新推荐文章于 2022-04-15 20:46:52 发布

阅读量225

点赞数

分类专栏： ajax

ajax 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>推荐搜索</h1>
    <input type="text" name="wd" id="" >
    <input type="submit" value="搜索">
    <ul></ul>
</body>

<script type="text/javascript" >

    function abc(res){

        var wds = res['result'];

        for(var i=0,str='';i<wds.length;i++){
            str = str + '<li>'+ wds[i]['word'] +'</li>';

        }

        document.getElementsByTagName('ul')[0].innerHTML = str;
    }

        document.getElementsByName('wd')[0].oninput = function(){

            var url='https://sug.so.360.cn/suggest?callback=abc&encodein=utf-8&encodeout=utf-8&format=json&word=' + this.value;

            var sc = document.createElement('script');

            sc.src = url;

            var hd = document.getElementsByTagName('head')[0];

            hd.appendChild(sc);

    }
</script>

</html>