jQuery ajax 获取豆瓣api 数据 ,jsonp解决跨域

最新推荐文章于 2024-06-20 21:48:49 发布

weixin_34162401

最新推荐文章于 2024-06-20 21:48:49 发布

阅读量296

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5afbfbbb6fb9a07a991908dd

版权

实现代码如下,直接复制可用,注意修改jq路径为你的jq文件路径

豆瓣api地址(豆瓣Api V2（测试版） ):

https://developers.douban.com/wiki/?title=api_v2

电影Api >>top250接口:http://api.douban.com/v2/movie/top250

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>jQuery ajax 获取豆瓣api 数据 ,jsonp解决跨域</title>
	</head>

	<body>
		<div id="app">
			<h1>hi</h1>
		</div>

		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var abc;
			$(function() {
				$.ajax({
					type: "get",
					dataType: 'jsonp',
					url: "http://api.douban.com/v2/movie/top250",
					success: function(msg) {
						console.log(msg);
						abc = msg;
					}
				});
			})
		</script>
	</body>

</html>复制代码