SpringBoot项目开发(二十四)：支持跨域请求JSONP

柔情只为你懂 2022-05-14 15:09 240阅读 0赞

在SpringMVC4.1版本以后，Spring为我们提供了一个AbstractJsonpResponseBodyAdvice的类用来支持jsonp的数据，SpringBoot接收解析web请求是依赖于SpringMVC，所以也可以继承此类

代码如下，添加一个配置类，继承AbstractJsonpResponseBodyAdvice

@ControllerAdvice(basePackages = "com.lkh.tour.controller")
    public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice {
    
        public JsonpAdvice() {
            super("callback","jsonp");
        }
    }

再写个测试Controller

@RestController
    @RequestMapping("/test")
    public class JsonpTestController {
     
        @RequestMapping(value = "/testJsonp",produces = MediaType.APPLICATION_JSON_VALUE)
        public Object testJsonp(){
            Map<String,String> map = new HashMap<>();
            map.put("name","zy");
            map.put("age","26");
            return map ;
        }
    }

当发送请求为：[http://localhost:2000/test/testJsonp的时候，结果如下:][http_localhost_2000_test_testJsonp]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXl1MTk5MTEwMTY1MjA_size_27_color_FFFFFF_t_70]

当发送请求为：[http://localhost:2000/test/testJsonp?callback=getData，结果如下：][http_localhost_2000_test_testJsonp_callback_getData]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXl1MTk5MTEwMTY1MjA_size_27_color_FFFFFF_t_70 1]

可以看到当我们在请求参数中添加callback参数的时候，返回的数据就是 jsonp 的  
当请求参数中不带callback时，返回的数据是 json 的。可以让我们方便的灵活运用

再附加一个js的jsonp请求示例

[http_localhost_2000_test_testJsonp]: http://localhost:2000/test/testJsonp%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E7%BB%93%E6%9E%9C%E5%A6%82%E4%B8%8B:
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXl1MTk5MTEwMTY1MjA_size_27_color_FFFFFF_t_70]: /images/20220504/62fe1722e5664dbda5161d5645b117cb.png
[http_localhost_2000_test_testJsonp_callback_getData]: http://localhost:2000/test/testJsonp?callback=getData%EF%BC%8C%E7%BB%93%E6%9E%9C%E5%A6%82%E4%B8%8B%EF%BC%9A
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podXl1MTk5MTEwMTY1MjA_size_27_color_FFFFFF_t_70 1]: /images/20220504/ca25dba2d237424683b6005cd838cd0f.png