<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="app"></div>
</body>
<!--原生跨域请求数据-->
<!--因为浏览器的script标签是不受同源策略限制的,所以我们可以在script标签访问任何域名下的资源文件-->
<script type="text/javascript">
function jsonpCallback(result) {
console.log(result)
}
</script>
<script type="text/javascript" src="https://api.douban.com/v2/movie/top250? callback=jsonpCallback"></script>
<script type="text/javascript">
//jquery请求数据 设置dataType"jsonp"就可以
//jsonp的方式只是针对get请求方式,不支持post请求。这也是Jsonp方式的局限性。
$.ajax({
type:"get",
url:"https://api.douban.com/v2/movie/top250",
async:true,
/* 虽然jQuery将JSONP封装在$.ajax中,如果设为dataType: 'jsonp',这个$.ajax方法就和ajax XmlHttpRequest没什么关系了,取而代之的则是JSONP协议。 */
dataType:"jsonp",
success:function(data){
console.log(data)
}
});
</script>
</html>
原生和jquery使用jsonp解决跨域问题
猜你喜欢
转载自blog.csdn.net/mzrxLXR/article/details/81368492
今日推荐
周排行