jsonp解决跨域问题

跨域

　　就是由于JavaScript同源策略的限制，使得a.com域名下的js无法操作b.com或c.a.com域名下的对象或数据。

      简单理解同一个域就是：相同域名、相同端口、相同协议！

 

JS部分（使用jQuery）：

var token = sa5d6a4d456ca5d46;
$.ajax({
    url : "/user/token/" + token + ".action",
    dataType : "jsonp",
    type : "GET",
    success : function(data){    
    }
});

后台部分（SpringMVC）：

方式一：

//解决跨域问题方法一：
    @RequestMapping(value="/user/token1/{token}",produces = MediaType.APPLICATION_JSON_UTF8_VALUE)
    @ResponseBody
    public String getUserByToken1(@PathVariable String token, String callback){
        MyResult result = tokenService.getUserByToken(token);
        //响应结果之前，判断是否为jsonp请求
        if (StringUtils.isNotBlank(callback)) {
            //把结果拼成一个js语句响应
            return callback + "(" + JsonUtils.objectToJson(result)  + ");";
        }
        return JsonUtils.objectToJson(result);
    }

 方式二（使用Spring的工具类）：

//解决跨域问题方法二：
    @RequestMapping(value="/user/token/{token}")
    @ResponseBody
    public Object getUserByToken2(@PathVariable String token, String callback){
        MyResult result = tokenService.getUserByToken(token);
        //响应结果之前，判断是否为jsonp请求
        if (StringUtils.isNotBlank(callback)) {
            //把结果封装成一个js语句响应
            MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(result);
            mappingJacksonValue.setJsonpFunction(callback);
            return mappingJacksonValue;
        }
        return result;
    }