JSONP和@CrossOrigin实现跨域

最新推荐文章于 2023-08-16 21:02:20 发布
最新推荐文章于 2023-08-16 21:02:20 发布
阅读量526 收藏 2
点赞数 1
分类专栏： Java 文章标签： 跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45315910/article/details/100585043
版权

跨域：当前URL的协议、域名、端口号中的任意一个与请求的URL不同即为跨域。

方法1，ajax jsonp

<body>
<button id="query" onclick="query()" type="button">查询</button>
</body>
<script type="text/javascript">
	function query(){
		$.ajax({
			url: "http://localhost:8082/selectUser",//访问的url
			data: {a:12312312},//传递的参数
			type:"get",//post,或者get都行
			dataType: "jsonp", //返回类型
			jsonp:"callback",//传递到controller的参数名--回调方法callback=xxx
			jsonpCallback: "jsonhandle",//传递到controller的参数名的值--xxx=jsonhandle
			success: function(result){
				console.log(result)
			},
			error:function(){
				console.log("查询出现错误。");
			}
			
		});
	}
	function jsonhandle(data){//回调方法具体
		alert(data);
	}
</script>

 

controller

@Controller
public class CorController {
	@RequestMapping(value="/selectUser")
	@ResponseBody
	public String queryUser(String callback) {
//		return "jsonhandle("+998+")";//都行。
		System.out.println(callback);//jsonhandle
		return callback+"("+998+")";
	}
}

 

方法2，@CrossOrigin

ajax

<script type="text/javascript">
	function query(){
		$.ajax({
			url: "http://localhost:8082/selectUser",//访问的url
			dataType: "json", //返回类型
			type:"get",
			success: function(result){
				console.log(result)
			}
		});
	}
</script>

controller

@Controller
public class CroController {
	@RequestMapping(value="/selectUser")
	@ResponseBody
	@CrossOrigin//跨域注解，可以作用在方法上，也可在类上。
	public String queryUser() {
		return "998";
	}
}

其他方法没试g...

 

我爱吃红薯
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
跨域请求两种方法 jsonp和cors的实现
12-02
为了解决这个问题，开发者可以采用两种主要方法：JSONP（JSON with Padding）和CORS（Cross-Origin Resource Sharing）。下面我们将详细讨论这两种方法。 **JSONP（JSON with Padding）** JSONP是一种早期的跨域...
SpringBoot跨域Jsonp和Cors的方法
10-16
本文将深入探讨如何在SpringBoot框架中解决跨域问题，主要涉及两种方法：JSONP和CORS。 ### JSONP(JSON with Padding) JSONP是一种解决跨域问题的早期方案，它利用了`<script>`标签的`src`属性不受同源策略限制的...
注解@CrossOrigin解决跨域问题
qq_33240556的博客
06-25 2273
注解@CrossOrigin 　　出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。 回到顶部 一、跨域(CORS)支持： 　　Spring Frame
@CrossOrigin(origins = “*“,maxAge = 3600)解决跨域的问题的注解
熊宗的博客
04-26 4038
注解@CrossOrigin解决跨域问题 其中 origins:是允许访问的列表（origins=“网址”） maxAge:准备响应前的 缓存持续的 最大时间 转载自：https://www.cnblogs.com/mmzs/p/9167743.html https://blog.csdn.net/zjy15203167987/article/details/77330992 https://www.google.com:8080 https（协议） ...
SpringBoot解决跨域问题，跨域注解@CrossOrigin学习
LDMatch的博客
05-22 1399
SpringBoot解决跨域问题 解决方法的 一 个方式： 1.用@CrossOrigin注解，通过在controller方法上注入注解@CrossOrigin。 ① origins=配置白名单（方法或者类允许访问的域名，如：http：//xxx.com） ② allowCredentials=“允许跨域访问携带cookie,默认false,开启为true ...
Springboot 跨域
小码蚁
03-11 265
最近做的一个项目需要前后端分离，遇到了跨域问题，看了几种方法感觉其中加入@CrossOrigin注解最方便 @CrossOrigin(origins = "*", maxAge = 3600) 注解@CrossOrigin解决跨域问题 其中 origins:是允许访问的列表（origins=“网址”） maxAge:准备响应前的 缓存持续的 最大时间 强调的是springMVC的...
springboot 跨域解决方法
yijiayi810的专栏
01-18 508
@Bean public FilterRegistrationBean corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration config = new CorsConfiguration...
SpringBoot实现jsonp跨域通信的方法示例
10-16
SpringBoot可以通过配置CORS Filter或使用`@CrossOrigin`注解实现。 通过以上方式，SpringBoot可以有效地支持JSONP，使得前端和后端之间能够实现跨域通信。不过，考虑到JSONP的安全性和现代浏览器对CORS的支持，...
SpringBoot跨域Access-Control-Allow-Origin实现解析
08-25
SpringBoot 跨域 Access-Control-Allow-Origin 实现解析 ...解决跨域问题需要前端和后端的配合，可以使用 JSONP、实现 WebMvcConfigurer 接口、使用 @CrossOrigin 注解或实现 Filter 接口等方法来解决跨域问题。
js实现跨域的几种方法汇总（图片ping、JSONP和CORS）
11-22
JSONP是一种早期的跨域数据交互方式，它是通过动态插入`<script>`标签来实现的。因为`<script>`标签的`src`属性可以跨域加载，我们可以在请求URL后面加上一个回调函数名（callback参数），服务器根据这个回调函数名...
SpringBoot解决CORS跨域（@CrossOrigin）
热门推荐
浅然的专栏
07-21 11万+
一、关于跨域介绍 在前后分离的架构下，跨域问题难免会遇见比如，站点 http://domain-a.com 的某 HTML 页面通过 的 src 请求 http://domain-b.com/image.jpg。网络上的许多页面都会加载来自不同域的CSS样式表，图像和脚本等资源。 出于安全原因，浏览器限制从脚本内发起的跨源HTTP请求。 例如，XMLHttpRequest和Fetch API...
SpringBoot中的@CrossOrigin注解
weixin_46223196的博客
09-02 2094
对于源码是如此解释的 Annotation for permitting cross-origin requests on specific handler classes and/or handler methods. 用于允许特定处理程序类和/或处理程序方法上的跨源请求的注释。 在SpringBoot使用中，跨域是常见的问题，如果是局部处理跨域，则只需要加入这个注解，如下所示 @CrossOrigin public class ImpCoreController { } @CrossOrigin
springboot解决跨域CROS问题，用注解@CrossOrigin
郭家一诺千金的博客
07-18 783
项目是springboot框架，前后端分离，需要跨域，当前前端可以用JSONP解决，但是java端如何解决呢？ 因为是springboot框架，所以好多都可以用注解解决问题，所以就用到了@CrossOrigin，这个是解决跨域问题相当好的一种方法，当然还有写个全局配置类，因为我这里只是个别方法需要跨域，所以不用全局配置。 @CrossOrigin只在方法中配置跨域时，只需要在方法名上加上这一注解就...
注解@CrossOrigin详解
诚的博客
10-25 11万+
注解@CrossOrigin 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。 一、跨域(CORS)支持： Spring Framework
SpringBoot2.5跨域问题（CrossOrigin不起作用）
TangHL_world的博客
08-12 2127
SpringBoot版本的不同,CrossOrigin失效了,正确配置如下: @CrossOrigin(originPatterns = "*", allowCredentials = "true", maxAge = 3600) 如果以上方法还是不生效,最后的终极方法可以进行硬编码进行跨域设置: 对需要跨域的接口,进行Response对象设置可跨域URL设置(*代表所有URL可跨域访问) public Result findAll(@RequestParam Integer page,
跨域问题(@CrossOrigin和Proxy)
少猿的博客
03-27 1327
因此，如果客户端需要请求跨域的数据，可以先将请求发送给代理服务器，然后由代理服务器转发到目标服务器上，从而避免了跨域请求的问题。使用代理服务器可以解决跨域请求的问题，但是也可能会带来一些安全问题，因此需要谨慎使用。如果只是需要在开发环境中进行测试，可以暂时使用代理服务器来解决问题，但是在生产环境中最好还是使用其他更安全的方式来解决跨域请求的问题。在Web开发中，如果前端页面和后端接口不在同一个域名下，就会发生跨域请求的问题，这时候就需要使用。，则这两个页面就不在同一个域名下，就会发生跨域请求的问题。
Springboot解决跨域
努力变优秀的博客
02-16 141
这种方式和@CrossOrigin方式要配置的属性基本一样，大致原理也类似，都是在DispatcherServlet中触发跨域处理，配置了一个CorsConfiguration对象，然后用该对象创建CorsInterceptor拦截器，然后在拦截器中调用DefaultCorsProcessor#processRequest方法，完成对跨域请求的校验。origins：允许的域，* 表示所有，一般可以指定具体的域， allowedHeaders：允许的请求头字段，* 表示所有。
Jsonp&Cors跨域（同源策略、跨域、劫持漏洞）
精品博客,你值得一看~
08-16 719
CORS）跨域资源共享，其思想是使用自定义的HTTP头部字段让浏览 器与服务器进行沟通，它允许浏览器向跨域服务器发出XMLHttpRequest请求，从而克服AJAX只能同源 使用的限制。CORS的基本原理是当浏览器在进行跨域请求时，会在请求中添加头部origin来表明自己的协议、主 机、端口号，当服务器接到请求并且看到这个origin头部时，如果设置过允许此域名进行访问，就得添 加头部Access-Control-Allow-Origin。
3、SpringBoot 解决跨域问题
小确幸的博客
01-18 2584
前端和后端都会遇到跨域问题，这篇介绍几种 SpringBoot 解决跨域的方案，并说明下跨域失效问题。
使用@CrossOrigin还是报跨域
最新发布
10-10
使用@CrossOrigin可以解决大部分跨域问题，但是有些情况下可能会失效，比如在CORS请求中出现了复杂请求（比如请求方法是PUT或DELETE、Content-Type字段的类型是application/json等），或者服务端返回的响应头中没有Access-Control-Allow-Origin字段等。 解决这些问题有以下几种方式： 1. 在服务端中设置Access-Control-Allow-Origin（允许跨域访问的源），Access-Control-Allow-Methods（允许跨域访问的方法），Access-Control-Allow-Headers（允许跨域访问的请求头），Access-Control-Allow-Credentials（是否允许跨域访问时发送cookie）等响应头。 2. 使用代理服务器进行跨域请求，将请求发送到代理服务器上，代理服务器再将请求转发到目标服务器上，接收到响应后再返回给前端。这种方式需要在前端的请求地址中将代理服务器的地址作为前缀。 3. 使用JSONP进行跨域请求，JSONP实际上是一种利用script标签src属性不受同源策略限制的特性来进行跨域请求的方式，但是只支持GET请求，且无法处理POST等其他请求方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值