JSONP方式百度搜索请求模仿

最新推荐文章于 2022-04-15 20:46:52 发布

shuffle_boy

最新推荐文章于 2022-04-15 20:46:52 发布

阅读量375

点赞数

分类专栏： javascript 文章标签： javascript html html5

本文章版权归shuffleboy所有，转载请注明出处

本文链接：https://blog.csdn.net/shuffle_boy/article/details/120581433

版权

JSONP 百度搜索动态加载跨域请求前端开发

关键词由CSDN通过智能技术生成

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

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>

shuffle_boy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSONP方式百度搜索请求模仿

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.
复制链接

扫一扫

专栏目录