解决跨域问题

什么是跨域访问

1. 举个栗子：在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。

2. 总而言之，同源策略规定，浏览器的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，但是要变这几个值同时变