直播系统搭建,可自动模糊匹配的搜索下拉框

直播系统搭建,可自动模糊匹配的搜索下拉框

 

1
<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=<br>    , initial-scale=1.0"><br>    <title>Document</title><br></head><br><body><br>    搜索:<input type="text"><br><br>    <ul><br>    </ul><br></body><br></html><br><script><br>    let oInput=document.querySelector('input');<br>    let oUl=document.querySelector('ul');<br>    oInput.oninput=function (){<br>        if(this.value != ""){<br>            let xhr=new XMLHttpRequest();<br>        xhr.open('GET','sousuo.php?wd='+this.value,true);<br>        xhr.send();<br>        xhr.onreadystatechange=function (){<br>            if(xhr.readyState==4 && xhr.status==200){<br>                fun(xhr.responseText);<br>                console.log(xhr.responseText);<br>            }<br>        }<br>        }else{<br>oUl.innerHTML = "";<br>}<br>        <br>    }<br>    function fun(resText){<br>        //拼接<br>        let strHtml='';<br>        //将JSON形式的字符串转为数组<br>        let obj=JSON.parse(resText);<br>        for(let index in obj){<br>strHtml += `<li>${obj[index]}</li>`;<br>}<br>oUl.innerHTML = strHtml;<br>}<br></script>

以上就是直播系统搭建,可自动模糊匹配的搜索下拉框, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(13)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-04-14 短视频app开发,内部标题进行滚动播放
2022-04-14 直播app系统源码,用户登录后选择记住密码,下次自动填充密码
2022-04-14 直播软件源码,自定义修改原本已有的图标
点击右上角即可分享
微信分享提示