JSONP方式百度搜索请求模仿
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度搜素请求模仿</title>
<script>
function show(res){
console.log(res);
var oul=document.querySelector('ul');
var os=document.querySelector('.s1')
oul.innerHTML='';
var arr=res.s;
for(var i=0;i<arr.length;i++){
var oLi=document.createElement('li');
oLi.innerHTML=arr[i];
oul.appendChild(oLi);
}
document.documentElement.removeChild(os);
}
window.onload=function(){
var oT=document.querySelector('#t1');
var oUl=document.querySelector('ul');
var oS=document.querySelector('#s1');
oT.oninput=function(){
var str=this.value;
var oS=document.createElement('script');
oS.className='s1';
oS.src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+str+"&cb=show";
document.documentElement.appendChild(oS);
}
}
</script>
</head>
<body>
<input type="text" id="t1">
<ul></ul>
</body>
</html>