输入框下拉联想词调用百度接口API源码

4f7956f2e5e6201b35f0275ee4d8eb0a

说明

可以作用于搜索联想词来用,比如带搜索功能的网站需要搜索什么东西的时候,非常适合用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度下拉</title>
</head>

<body>
    <input type="text" id="wd">
    <ul id="keys"></ul>
</body>

<script>
    // 回调函数
    function key(data) {
        const keys = document.getElementById("keys");
        keys.innerHTML = (data.s).join('<br>');
    }

    // 选择ID为wd的元素
    const wd = document.getElementById("wd");
    // 键盘松开发生的事件
    wd.onkeyup = function () {
        // 删除左右两端的空格
        var str = this.value.replace(/(^\s*)|(\s*$)/g, '');
        // 判断去除空格之后是否为空
        if (str.length !== 0) {
            // 生成script
            var oSrc = document.createElement("script")
            // cb:Callback(回调) 这里不懂自行查询
            oSrc.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + str + "&cb=key";
            document.body.appendChild(oSrc)
        }
    }
</script>

</html>

 

THE END
分享
二维码
打赏
海报
输入框下拉联想词调用百度接口API源码
说明 可以作用于搜索联想词来用,比如带搜索功能的网站需要搜索什么东西的时候,非常适合用 <!DOCTYPE html> <html lang="en"> <head> ……
<<上一篇
下一篇>>
文章目录
关闭
目 录