利用Spring jsonp如何在java项目中实现一个跨域请求
发布时间:2020-12-02 15:15:38
来源:亿速云
阅读:72
作者:Leah
本篇文章为大家展示了利用Spring jsonp如何在java项目中实现一个跨域请求,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
jsonp介绍
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的
0、引入jar包
org.springframework.boot
spring-boot-starter-jersey
org.springframework.boot
spring-boot-starter-web
其他介绍就不多说了,开始上手吧。
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 hello(HttpServletRequest request){
Mapdata = new HashMap();
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、前端调用:
jquery跨域实例$(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');
}
});
})