在我们做项目的过程中,有可能会遇到跨域请求,所以需要我们自己组装支持跨域请求的jsonp数据,而在4.1版本以后的springmvc中,为我们提供了一个abstractjsonpresponsebodyadvice的类用来支持jsonp的数据(springboot接收解析web请求是依赖于springmvc实现的)。下面我们就看一下怎么用abstractjsonpresponsebodyadvice来支持跨域请求。
使用abstractjsonpresponsebodyadvice来支持跨域请求很简单,只需要继承这个类就可以了。具体代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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" ); } } |
下面我们写个类来测试一下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
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的完整案例。
前台页面:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<%@ 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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
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