JSONP解决跨域问题

最新推荐文章于 2024-08-22 11:40:28 发布

猪脚踏浪

最新推荐文章于 2024-08-22 11:40:28 发布

阅读量1.5k

点赞数 2

分类专栏： javascript web spring 文章标签： springmvc jsonp 跨域

本文链接：https://blog.csdn.net/zsg88/article/details/72858938

版权

javascript 同时被 3 个专栏收录

47 篇文章 1 订阅

订阅专栏

spring

33 篇文章 0 订阅

订阅专栏

web

2 篇文章 0 订阅

订阅专栏

JavaScript规范中提到的json是不能直接跨域调用，为了安全，但是能调用js片段，所以把json包装为一个js片段，也就是jsonp那么就能够跨域请求

在spring4.1后，提供了新的方法可以作为jsonp的调用.

1.response 响应类型为 application/JavaScript
2.进行json请求的URL中需要携带参数 jsonp 或 callback，并指定值。
3.针对显式注解 @ResponseBody 的方法 (我们本来就是直接响应JSON的)，我们需要做特殊处理，使用 MappingJacksonValue 进行封装处理。

    @RequestMapping(value="/list")
    @ResponseBody
    public Object list(String callback) {
        CatalogResult result = catalogService.getCatalogs();
        if (StringUtils.isBlank(callback)) {
            //需要把result转换成字符串
            return result;
        }
        MappingJacksonValue mappingJacksonValue = new MappingJacksonValue(result);
        mappingJacksonValue.setJsonpFunction(callback);
        return mappingJacksonValue;
    }

例如 http://xxx/xxx/list?callback=myfunName 或 http://xxx/xxx/list??jsonp=myfunName
返回值为
myfunName({....(json数据)})

那么只要在js需要调用jsonp的地方稍加处理就能够跨域调用数据了。