首页 > 代码库 > SpringBoot多跨域请求的支持（JSONP）

SpringBoot多跨域请求的支持（JSONP）

2024-09-28 16:42:01   213人阅读

 

在我们做项目的过程中，有可能会遇到跨域请求，所以需要我们自己组装支持跨域请求的JSONP数据，而在4.1版本以后的SpringMVC中，为我们提供了一个AbstractJsonpResponseBodyAdvice的类用来支持jsonp的数据（SpringBoot接收解析web请求是依赖于SpringMVC实现的）。下面我们就看一下怎么用AbstractJsonpResponseBodyAdvice来支持跨域请求。

使用AbstractJsonpResponseBodyAdvice来支持跨域请求很简单，只需要继承这个类就可以了。具体代码如下：

 

package com.zkn.learnspringboot.config;    import org.springframework.web.bind.annotation.ControllerAdvice;  import org.springframework.web.servlet.mvc.method.annotation.AbstractJsonpResponseBodyAdvice;    /**  * Created by wb-zhangkenan on 2016/12/1.  */  @ControllerAdvice(basePackages = "com.zkn.learnspringboot.web.controller")  public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice{        public JsonpAdvice() {            super("callback","jsonp");      }  }

 

下面我们写个类来测试一下：

 

package com.zkn.learnspringboot.web.controller;    import com.zkn.learnspringboot.domain.PersonDomain;  import org.springframework.beans.factory.annotation.Autowired;  import org.springframework.http.MediaType;  import org.springframework.web.bind.annotation.RequestMapping;  import org.springframework.web.bind.annotation.RestController;    /**  * Created by wb-zhangkenan on 2016/12/1.  */  @RestController  @RequestMapping("/jsonp")  public class JsonpTestController {      @Autowired      private PersonDomain personDomain;        @RequestMapping(value = "/testJsonp",produces = MediaType.APPLICATION_JSON_VALUE)      public PersonDomain testJsonp(){            return personDomain;      }  }

 

 

 

当我们发送请求为：http://localhost:8003/jsonp/testJsonp的时候，结果如下：

 

技术分享
当我们发送的请求为：http://localhost:8003/jsonp/testJsonp?callback=callback的时候，结果如下所示：

技术分享

看到区别了吗？当我们在请求参数中添加callback参数的时候，返回的数据就是jsonp的，当我们请求参数中不带callback的时候，返回的数据是json的。可以让我们方便的灵活运用。下面再奉上一个jsonp的完整案例。

前台页面：

 

 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>  <html>  <head>      <title>Title</title>      <script src="resources/js/jquery-2.1.4.min.js" type="text/javascript"></script>  </head>  <body>  <input type="button" value="测试jsonp请求" onclick="testJsonp()" />  <script type="text/javascript">      function testJsonp() {          $.ajax({              type:‘get‘,              url:‘http://localhost:8003/jsonp/testJsonp‘,              dataType:‘jsonp‘,              jsonp:"callback",              success:function (data) {                  alert(data.userName+"  "+data.passWord);              },              error:function (err) {                  alert(‘出现错误了!!!‘);              }          });      }  </script>  </body>  </html>

 

  

后台代码1：

 

 
package com.zkn.learnspringmvc.news.controller;    import org.springframework.stereotype.Controller;  import org.springframework.web.bind.annotation.RequestMapping;    /**  * Created by zkn on 2016/12/3.  */  @Controller  public class JsonpTestController {        @RequestMapping("testJsonp")      public String testJsonp(){            return "jsonp";      }  }

 

 

 

下面我们发送请求如下：http://localhost:8080/LearnSpringMvc/testJsonp技术分享

 

当我们点击测试jsopn请求这个按钮的时候，效果如下：

技术分享

我们成功的实现了一个跨越的请求。更详细的请求信息如下：

技术分享




参考：http://blog.csdn.net/zknxx/article/details/53443181

 

SpringBoot多跨域请求的支持（JSONP）


联系
我们