详解java 中Spring jsonp 跨域请求的实例
作者:hpgary 时间:2023-11-19 02:48:18
详解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 跨域请求的实例详解。
来源:http://hpgary.iteye.com/blog/2389640
标签:Spring,jsonp
0
投稿
猜你喜欢
C#使用第三方组件生成二维码汇总
2023-10-03 22:15:21
Android RecyclerView item选中放大被遮挡问题详解
2023-04-11 17:58:31
Android实现签名涂鸦手写板
2022-07-27 04:10:14
Android中AsyncTask与handler用法实例分析
2023-12-04 00:01:52
java list,set,map,数组间的相互转换详解
2023-04-11 13:02:04
Gradle的基本使用
2023-05-29 00:08:42
Android 创建与解析XML(四)——详解Pull方式
2023-06-03 07:10:23
详谈signed 关键字
2022-09-19 13:45:36
C++类常量和类枚举
2022-05-05 17:07:47
Android实现根据评分添加星级条
2021-10-30 13:19:57
Android实现ImageView图片缩放和拖动
2022-09-07 09:19:52
Java中类的加载顺序执行结果
2022-03-12 18:12:35
详解Java线程池如何统计线程空闲时间
2022-11-09 07:41:10
Java详细讲解堆排序与时间复杂度的概念
2023-10-20 02:00:11
grails不能运行fork模式解决方法
2023-05-17 18:37:59
Java 归并排序算法、堆排序算法实例详解
2023-11-25 09:43:25
在spring boot3中使用native image的最新方法
2022-05-18 17:43:14
详解SpringBoot自定义配置与整合Druid
2023-07-24 20:20:28
C#使用Tesseract进行Ocr识别的方法实现
2022-12-15 06:54:23
详解Java中Callable和Future的区别
2023-07-25 21:18:58