详解java 中Spring jsonp 跨域请求的实例
程序员文章站
2024-02-18 18:51:52
详解java 中spring jsonp 跨域请求的实例
jsonp介绍
jsonp(js...
详解java 中spring jsonp 跨域请求的实例
jsonp介绍
jsonp(json with padding)是json的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 html 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 json 资料，而这种使用模式就是所谓的 jsonp。用 jsonp 抓到的资料并不是 json，而是任意的javascript，用 javascript 直译器执行而不是用 json 解析器解。
0、引入jar包
<dependency>
<groupid>org.springframework.boot</groupid>
<artifactid>spring-boot-starter-jersey</artifactid>
</dependency>
<dependency>
<groupid>org.springframework.boot</groupid>
<artifactid>spring-boot-starter-web</artifactid>
</dependency>
其他介绍就不多说了，开始上手吧。
1、继承abstractjsonpresponsebodyadvice类jsonpadvice，并加上@restcontrolleradvice注解
/*restcontrolleradvice的值指定拦截的包名*/
@restcontrolleradvice("com.ctrl")
public class jsonpadvice extends abstractjsonpresponsebodyadvice {
public jsonpadvice() {
super("callback", "jsonp");
/*callback是url请求拦截的参数名，如果拦截成功会将返回数据传入函数执行回调函数*/
}
}
2、创建ctrl类
package com.ctrl;
import java.util.hashmap;
import java.util.map;
import javax.servlet.http.httpservletrequest;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;
@restcontroller
public class helloctrl {
@requestmapping("/hello")
public map<string,object> hello(httpservletrequest request){
map<string,object>data = new hashmap<string,object>();
data.put("suc", true);
data.put("msg", "save suc");
data.put("param", request.getparameter("a") + "==" + request.getparameter("d"));
return data ;
}
}
4、创建启动app类：
package com.services;
import org.springframework.boot.springapplication;
import org.springframework.boot.autoconfigure.springbootapplication;
@springbootapplication(scanbasepackages="com")
public class app {
public static void main(string[] args) {
springapplication.run(app.class, args);
}
}
5、前端调用：
<!doctype html>
<html>
<head>
<title>jquery跨域实例</title>
<!-- jquery版本可以不是3.2.1版本的 -->
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function() {
/* 这是快捷调用，callback 是advice中设置的，?是保留参数，
jquery会替换掉这个问号 url可是不同于请求地址的任何url*/
$.getjson("/hello?callback=?", function(data) {
//$("#showcontent").text("result:" + data)
});
/*使用ajax方法调用*/
$.ajax({
type : "get",
async : false,
url : "/hello",
datatype : "jsonp",//数据类型为jsonp
data:{a:"b",d:"c"},
type:"post",
jsonp : "callback",//服务端用于接收callback调用的function名的参数
success : function(data) {
$("#showcontent").text("result:" + data.suc + " requestparam:" + data.param )
},
error : function() {
alert('fail');
}
});
})
</script>
</head>
<body>
<div id="showcontent"></div>
</body>
</html>
服务器端也不一定要用spring 任何技术都可以，只要返回格式是下面的格式就可以，调用一个哈桑农户，出传入一个json或者是字符串就可以了。
/**/test01({"suc":true,"msg":"save suc"});
直接访问返回数据：
以上使用关于java 中spring jsonp 跨域请求的实例详解，如有疑问请留言或者到本站社区交流讨论， 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！