一、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 : "post",
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"});
直接访问返回数据：
二、设置Response header跨域
设置三个Response header，可轻松实现跨域，这里可以在代码中设置，也可以在nginx中进行设置
//允许域名的网站请求 Access-Control-Allow-Origin:* //允许所有的方法请求 Access-Control-Allow-Methods:POST,GET //允许当前header的特殊值 Access-Control-Allow-Headers:x-requested-with,content-type
这样设置后，就可以使用ajax请求轻松跨域了
相关推荐
主要介绍了详解java 中Spring jsonp 跨域请求的实例的相关资料,jsonp 可用于解决主流浏览器的跨域数据访问的问题,需要的朋友可以参考下
主要介绍了Spring前后端跨域请求设置代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
主要介绍了Springmvc ajax跨域请求处理方法实例详解,需要的朋友可以参考下
主要介绍了spring security中的csrf防御机制原理解析(跨域请求伪造),本文通过实例代码详解的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
主要介绍了Spring Boot 通过CORS实现跨域，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
本人在前辈《从MVC到前后端分离（REST-个人也认为是目前比较流行...即具有统一响应结构、 前后台数据流转机制(HTTP消息与Java对象的互相转化机制)、统一的异常处理机制、参数验证机制、Cors跨域请求机制以及鉴权机制。
3．5．3 实例：使用XMLHttpRequest跨域访问Web资源 3．5．4 实例：AJAX的3种交换数据方法 3．6 小结 第4章 Servlet技术 4．1 Servlet的Helloworld程序 4．1．1 实例：在My Eclipse中编写Helloworld程序 4．1．2 ...
3．5．3 实例：使用XMLHttpRequest跨域访问Web资源 3．5．4 实例：AJAX的3种交换数据方法 3．6 小结 第4章 Servlet技术 4．1 Servlet的Helloworld程序 4．1．1 实例：在My Eclipse中编写Helloworld程序 ...
CORS 规范化的跨域请求解决方案，安全可靠 什么是cors 它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。 原理 简单请求 当浏览器发现发现的ajax请求是简单请求时，会在...
其中使用Struts作为系统的整体基础架构，负责MVC的分离，在Struts框架的模型部分，控制业务跳转，利用Hibernate框架对持久层提供支持，Spring做管理，管理Struts和Hibernate。 WebStorage HTML新增的本地存储解决...