script跨域获取百度搜索的候选词（WEB前端）

最新推荐文章于 2023-06-29 20:36:27 发布

坐看云起时_雨宣

最新推荐文章于 2023-06-29 20:36:27 发布

阅读量260

点赞数 1

分类专栏：前端文章标签： script跨域跨域获取百度候选词

本文链接：https://blog.csdn.net/qq_24434671/article/details/103168970

版权

前端专栏收录该内容

10 篇文章 1 订阅

订阅专栏

不说废话了，先贴效果图

下面上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<input type="text" placeholder="请输入关键词......" style="width:500px;height:40px;padding-left: 10px;font-size:18px;;" onkeyup="getBdWords()" id="sword" />
		<div id="ELE"></div>
		
		<script>
			
			function getBdWords(){
				var valWord = document.getElementById("sword").value;
				
				// //如果内容为空,去掉之前插入的
				// if(valWord == "" || valWord.length == 0){
				// 	//移除前面插入的
				// 	document.getElementById("ELE").innerHTML = "";
				// }
				
				//移除前面插入的
				document.getElementById("ELE").innerHTML = "";
				
				//创建Script标签
				var sc = document.createElement("script");
				sc.src = "https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&wd="+valWord+"&req=2&csor=5&pwd=script&cb=callback&_=1574241741604";
				sc.id = "SSC";
				document.body.appendChild(sc);
			}
			
			
			function callback(val){
				if(!val.g){
					return ;
				}
				for(let i=0;i<val.g.length;i++){
					var p = document.createElement("p");
					p.innerText = val.g[i].q;
					p.className = "sp";
					document.getElementById("ELE").appendChild(p);
				}
				
				//获取到数据后移除掉script标签
				document.body.removeChild(document.getElementById("SSC"))
				console.log(val)
			}
		</script>
		
	</body>
</html>

有疑问可以在下方评论，技术问题可以私聊。

坐看云起时_雨宣

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
script跨域获取百度搜索的候选词（WEB前端）

不说废话了，先贴效果图下面上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" placeholder...
复制链接

扫一扫