传统的JSONP跨域方法
JQ的ajax调用是最常见的调用方法之一,在自己写一些小demo过程中,总是会遇到跨域问题,
一般遇到跨域问题时,就会出现类似错误情况:
No ‘Access-Control-Allow-Origin’ header is present on the requested resource……
在这里把自己搜索过和使用过的跨域方法记录一下,以备查询。
- 通过jsonp跨域
通过jsonp方式跨域,实际上是通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。所以jsonp是需要服务器端的页面进行相应的配合的。
在JQ中,我们可以通过一个自动的callback函数完成这一过程:
例如:
var url =’http://v.juhe.cn/weather/index?callback=?’;
$.getJSON(url, {
‘cityname’:’北京’,
‘dtype’:’jsonp’,
‘key’:’xxxx’,
},function(data){
console.log(data.);
});
实际上,在我们执行这段代码时,等于向服务器发出了这样一个请求:
http://v.juhe.cn/weather/index?callback=jsoncallback_randomName
在服务器端,则返回了jsonpcallback_randomName(data)的对象: