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;
    }