什么是跨域访问
-
举个栗子:在A网站中,我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中,那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据,否则就是不安全的。
-
总而言之,同源策略规定,浏览器的ajax只能访问跟它的HTML页面同源(相同域名或IP)的资源。
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
之前写过一个跨域,这是第二次又遇到。解决的思路有两个,一是ajax通过jsonp请求传callback,后台返回callback加json数据;二是页面请求本工程方法,在方法里面去请求接口,得到数据返回给页面,想当于做一次中转,这样做是因为后台是没有跨域的。
第二种思路暂时没试过,只贴第一种代码。
页面:
$.ajax({
type:"GET",
url:"http://www.deardull.com:9090/getMySeat", //访问的链接
dataType:"jsonp", //数据格式设置为jsonp
jsonp:"callback", //Jquery生成验证参数的名称
success:function(data){ //成功的回调函数
alert(data);
},
error: function (e) {
alert("error");
}
});
后台:
@ResponseBody
@RequestMapping("/getMySeat")
public String getMySeatSuccess(@RequestParam("callback") String callback){
Gson gson=new Gson();
Map<String,String> map=new HashMap<>();
map.put("seat","1_2_06_12");
logger.info(callback);
return callback+"("+gson.toJson(map)+")";
}
注意:
前端注意与后端沟通约定jsonp的值,通常默认都是用callback。如下图,callback是可以变的,不一定是callback,但是要变这几个值同时变