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

2022-3-21

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

VMware虚拟机安装软路由Openwrt 详细教程

<<上一篇

蓝奏云第三方客户端v1.0.9（支持无会员上传大文件）

下一篇>>