当前位置：网站首页>app直播源码，点击搜索栏自动弹出下拉框

app直播源码，点击搜索栏自动弹出下拉框

2022-08-01 18:56:00 【云豹网络科技】

app直播源码，点击搜索栏自动弹出下拉框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    搜索：<input type="text"><br>
    <ul>

    </ul>
</body>
</html>
<script>
    let oInput=document.querySelector('input');
    let oUl=document.querySelector('ul');
    oInput.oninput=function (){
    
        if(this.value != ""){
    
            let xhr=new XMLHttpRequest();
        xhr.open('GET','sousuo.php?wd='+this.value,true);
        xhr.send();
        xhr.onreadystatechange=function (){
    
            if(xhr.readyState==4 && xhr.status==200){
    
                fun(xhr.responseText);
                console.log(xhr.responseText);
            }
        }
        }else{
    
			oUl.innerHTML = "";
		}
        
    }

    function fun(resText){
    
        //拼接
        let strHtml='';
        //将JSON形式的字符串转为数组
        let obj=JSON.parse(resText);
        for(let index in obj){
    
			strHtml += `<li>${
    obj[index]}</li>`;
		}
		oUl.innerHTML = strHtml;
	}

</script>

以上就是 app直播源码，点击搜索栏自动弹出下拉框，更多内容欢迎关注之后的文章

原网站

版权声明
本文为[云豹网络科技]所创，转载请带上原文链接，感谢
https://yunbaozhibo.blog.csdn.net/article/details/126100374

边栏推荐

猜你喜欢

随机推荐