當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
Springboot跨域 ajax jsonp请求
生活随笔
收集整理的這篇文章主要介紹了
Springboot跨域 ajax jsonp请求
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
SpringBoot配置:
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId> </dependency>?
@SuppressWarnings("deprecation") @Configuration public class CorsFilter extends WebMvcConfigurerAdapter {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedHeaders()// 允許使用的請求方法,以逗號隔開.allowedMethods("*")// 表示接受任意域名請求.allowedOrigins("*")// 表示是否允許發(fā)送Cookie。默認(rèn)情況下Cookie不包括在CORS請求中。當(dāng)設(shè)為true時表示服務(wù)器明確許可,Cookie可以包含在請求中一起發(fā)送給服務(wù)器。.allowCredentials(true)// 緩存此次請求的秒數(shù)。在這個時間范圍內(nèi),所有同類型的請求都將不再發(fā)送預(yù)檢請求而是直接使用此次返回的頭作為判斷依據(jù),非常有用,大幅優(yōu)化請求次數(shù).maxAge(3600);} } @SpringBootApplication @ComponentScan public class CorsDemoApplication {public static void main(String[] args) {SpringApplication.run(CorsDemoApplication.class, args);}} @Controller @RequestMapping("/cors") public class CorsController {@RequestMapping(value="/index")@ResponseBodypublic String corsTest(HttpServletRequest request,String name,String age) {String jsonpCallback = request.getParameter("callback");Map<String, Object> map=new HashMap<>();map.put("name",name);map.put("age",age);map.put("date",new Date());return jsonpCallback + "(" + JSON.toJSONString(map) + ")";} }Ajax請求:
$.ajax({url:"http://62.234.65.61:8090/cors/index",type:"POST",data:{"name":"amdin","age":20},dataType:"jsonp",/* jsonp: "callback",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(一般默認(rèn)為:callback)jsonpCallback:"callback",//自定義的jsonp回調(diào)函數(shù)名稱,默認(rèn)為jQuery自動生成的隨機(jī)函數(shù)名,也可以寫"?",jQuery會自動為你處理數(shù)據(jù) */success: function(data){console.log("res:"+JSON.stringify(data));},error: function(){alert('fail');}});總結(jié):
測試1:前臺+后臺本地運(yùn)行,IP相同端口不同? ?測試結(jié)果:res:{"date":1560913652938,"name":"amdin","age":"20"}
測試2:前段本地運(yùn)行,后臺放到騰訊云服務(wù)器,測試結(jié)果:res:{"date":1560913652938,"name":"amdin","age":"20"}
都能完成跨域請求及成功獲取返回值
轉(zhuǎn)載于:https://www.cnblogs.com/JQKA/p/11050245.html
總結(jié)
以上是生活随笔為你收集整理的Springboot跨域 ajax jsonp请求的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java中用byte[]数组实现的队列和
- 下一篇: go 入门