springboot jsonp 跨域请求，springboot使用jsonp跨域

================================

©Copyright 蕃薯耀 2020-11-25

https://www.cnblogs.com/fanshuyao/

* spring框架4.1加入jsonp配置，在5.1时，删除不再建议使用该方式，而是使用：CORS * CORS地址：https://docs.spring.io/spring/docs/5.0.x/spring-framework-reference/web.html#mvc-cors

springboot cors实现见：https://www.cnblogs.com/fanshuyao/p/14030944.html

一、Java配置

import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.servlet.mvc.method.annotation.AbstractJsonpResponseBodyAdvice;import com.szpl.gtkj.cghj.workflow.controller.FlowTaskController;/*** spring框架4.1加入jsonp配置，在5.1时，删除不再建议使用该方式，而是使用：CORS* CORS地址：https://docs.spring.io/spring/docs/5.0.x/spring-framework-reference/web.html#mvc-cors**/
@ControllerAdvice(basePackageClasses = FlowTaskController.class)
public class JsonpConfig extends AbstractJsonpResponseBodyAdvice{/*** 声明构造方法*/public JsonpConfig() {super("callback", "jsonp");}}

二、前端调用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsonp请求</title>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/json3.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body><div>jsonp请求</div><div>访问：http://127.0.0.1:7010/gtkjCghj/static/cross.html</div><div>只能使用get方法</div><script type="text/javascript">function ajax(){console.log("ajax()");$.ajax({  //async: false,//设置为同步，默认为异步(一般不需要)  url : "http://lqy.com:7010/gtkjCghj/workflow/processes?gxDocNo=f2-202000234",  type : "get",  dataType : "jsonp",jsonp : "callback",complete : function(XMLHttpRequest, textStatus){  //alert("textStatus="+textStatus);  },  error : function(XMLHttpRequest, textStatus, errorThrown){  if("error" == textStatus){  alert("服务器未响应，请稍候再试");  }else{  alert("请求失败，textStatus="+textStatus);  }  },  success : function(data){  if(data != null){  console.log("jsonp data===" + JSON.stringify(data));}else{  alert("返回结果为空!");  }  }  });
};ajax();
</script></body>
</html>

总结：cors跨域请求解决方案(建议采用方案1)

1、springboot CORS 跨域请求解决三大方案，springboot CorsFilter解决跨域问题

https://www.cnblogs.com/fanshuyao/p/14030944.html

2、cors-filter使用，cors-filter解决跨域访问，cors-filter跨域请求

https://www.cnblogs.com/fanshuyao/p/14036848.html

3、org.ebaysf.web的cors-filter使用，cors-filter跨域请求

https://www.cnblogs.com/fanshuyao/p/14042293.html

4、java tomcat-catalina CorsFilter使用，apache tomcat-catalina CorsFilter使用

https://www.cnblogs.com/fanshuyao/p/14042420.html

5、springboot jsonp 跨域请求，springboot使用jsonp跨域

https://www.cnblogs.com/fanshuyao/p/14034014.html

(如果文章对您有帮助，欢迎捐赠，^_^)

================================

https://www.cnblogs.com/fanshuyao/

springboot jsonp 跨域请求，springboot使用jsonp跨域相关推荐

使用YQL解决跨域请求json转jsonp问题
一.跨域报错首先,是跨域请求的问题,jQuery默认不支持跨域请求,报错如下: index.html:1 XMLHttpRequest cannot load http://www.weather. ...
跨域请求（使用jsonp实现跨域请求）百度地图api证逆地址解析获取周边信息（pois）
新手程序员,新手博客,如果那里写的不好,还请大神们补充,指错最近项目里面需要做一个电子围栏的功能,我这边做的就是需要把商户的地址的经纬度存进数据库,本来这些从百度地图API里面有Demo可以看,但是 ...
Js跨域请求jquery的jsonp方式
JSONP: 由于同源策略,一般来说位于 server1.example.com 的网页与不是 server1.example.com 的服务器沟通,而 HTML 的 <script> 元 ...
java跨域请求,且附上前端跨域请求代码
为了跟上新的潮流,学习前后端分离的概念及技术是必须的,跨域也随之而产生. 首先确定什么是前后端分离,它不仅是对代码的解耦,也是对开发人员的解耦,真正的前端是前端,后台是后台,开发速度至少快一倍. 即你 ...
ajax跨域请求(cors实现),ajax跨域请求（CORS实现）
场景:目前有项目A(基于servlet的WEB项目),和项目B(基于spring boot的WEB项目),使用同一CAS提供单点登陆,如今须要两个项目互相调用接口数据,因此涉及到ajax的跨域请求ja ...
ajax 跨域请求_什么是跨域问题？如何解决？
1. 概述几个疑问: 什么是跨域? 如何判断是否产生「跨域」? 跨域,带来的问题? 跨域问题,解决思路? 2. 跨域:是什么跨域的问题根源:浏览器的「同源策略」. 2.1. 同源策略同源策略(S ...
ajax跨域请求 xml,XMLHttpRequest的跨域请求
动态添加一个标签,而script标签的src属性是没有跨域的限制的.这样说来,这种跨域方式其实与ajax XmlHttpRequest协议无关了. 这样其实"jQuery AJAX跨域问题& ...
ajax的跨域请求实现,Ajax实现跨域请求
由于同源策略的限制,考虑到安全因素,浏览器不能跨域去请求数据.当然如果有跨域请求数据的需求,也是可以实现的.实现如下(tornado+ajax): Server side: class CrossDo ...
前端跨域请求get_解决前端跨域请求的几种方式
利用 JSONP 实现跨域调用说道跨域调用,可能大家首先想到的或者听说过的就是 JSONP 了. 1.1 什么是JSONP JSONP 是 JSON 的一种使用模式,可以解决主流浏览器的跨域数据访问 ...
前端跨域请求get_前端实现跨域访问
1. ajax方式跨域直接使用jsonp即可 dataType : "jsonp", 2. 使用getJson跨域获取数据 $.getJSON("http://api.t ...

springboot jsonp 跨域请求，springboot使用jsonp跨域

springboot jsonp 跨域请求，springboot使用jsonp跨域相关推荐

最新文章

热门文章