Ajax跨域问题---如何利用百度搜索引擎

最新推荐文章于 2022-08-31 21:26:43 发布

原创最新推荐文章于 2022-08-31 21:26:43 发布 · 637 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例解析Ajax跨域问题，利用百度搜索引擎的API，详细介绍了如何获取并使用返回的数据，包括在网络面板中查找响应文件，提取有效URL以实现跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先在百度搜索引擎中随便输入数据，审查找到network,并找到返回的文件。
并复制齐地址。
在这里插入图片描述
取其有用部分作为url属性的值。

url:'https://www.baidu.com/su',

总体代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>案例1</title>
	<script src="jquery-1.12.2.min.js"></script>
	<script>
	$(function(){
		$("#txt").keyup(function(){
			var txtValue = $("#txt").val();
			$.ajax({
				url:'https://www.baidu.com/su',
				jsonp:'cb',
				data:{wd:txtValue},
				dataType:'jsonp',
				success:function(data){
					var sug = data.s;
					var tag = '<ul>';
					$.each(sug,function(i,e){
						tag += '<li>'+ e +'</li>'; 
					});
					tag += '</ul>';
					$("#info").html(tag);
				}
			})
		})
	});
	</script>
</head>
<body>
	<div id="container">
		<input type="text" id="txt">
		<input type="button" value="查询" id="btn">
		<div id="info"></div>
	</div>
</body>
</html>

运行结果：
在这里插入图片描述