jquery使用 360 jsonp公开接口

最新推荐文章于 2022-04-21 21:28:19 发布

pipipippipipipipip

最新推荐文章于 2022-04-21 21:28:19 发布

阅读量361

点赞数

文章标签： jquery jsonp

本文链接：https://blog.csdn.net/weixin_43182689/article/details/88598353

版权

jquery使用360 jsonp公开接口

在学习jquery实现jsonp的跨域请求数据时，出现了些小问题，查阅了一些网上已有的文章，发现有些文章在细节方面多少有些问题，所以便想把自己发现的问题写出来。
废话不多说，直接上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery 使用360公开jsonp接口</title>
		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$.ajax({
					url:"https://sug.so.360.cn/suggest",	// 注意,后面不带？，
					type:"get",
					dataType:"jsonp",
					jsonpCallback:"suggest_so",				// 360接口回调函数
					data:{
						"word": "bbb",
						// 下面数据最好带上,不然response返回的数据可能存在乱码
						"encodein": "utf-8",
						"encodeout": "utf-8",
						// response返回的数据为json格格式
						"format": "json",
					}
				})
				.done(function(data){
					alert("success");
					for(var i = 0; i < data.result.length; i++){
						$(".list").append("<li>"+data.result[i].word+"</li>");
					}	
				})
				.fail(function(){
					alert("error");
				});
			});

		</script>
	</head>
	<body>
		<ul class="list"></ul>
	</body>
</html>