日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

Springboot跨域 ajax jsonp请求

發布時間:2024/4/15 javascript 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Springboot跨域 ajax jsonp请求 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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("*")// 表示是否允許發送Cookie。默認情況下Cookie不包括在CORS請求中。當設為true時表示服務器明確許可,Cookie可以包含在請求中一起發送給服務器。.allowCredentials(true)// 緩存此次請求的秒數。在這個時間范圍內,所有同類型的請求都將不再發送預檢請求而是直接使用此次返回的頭作為判斷依據,非常有用,大幅優化請求次數.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回調函數名的參數名(一般默認為:callback)jsonpCallback:"callback",//自定義的jsonp回調函數名稱,默認為jQuery自動生成的隨機函數名,也可以寫"?",jQuery會自動為你處理數據 */success: function(data){console.log("res:"+JSON.stringify(data));},error: function(){alert('fail');}});

總結:

測試1:前臺+后臺本地運行,IP相同端口不同? ?測試結果:res:{"date":1560913652938,"name":"amdin","age":"20"}

測試2:前段本地運行,后臺放到騰訊云服務器,測試結果:res:{"date":1560913652938,"name":"amdin","age":"20"}

都能完成跨域請求及成功獲取返回值

轉載于:https://www.cnblogs.com/JQKA/p/11050245.html

總結

以上是生活随笔為你收集整理的Springboot跨域 ajax jsonp请求的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。