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

444 阅读1分钟

实现代码如下,直接复制可用,注意修改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>