詳解java 中Spring jsonp 跨域請(qǐng)求的實(shí)例
詳解java 中Spring jsonp 跨域請(qǐng)求的實(shí)例
jsonp介紹
JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問(wèn)的問(wèn)題。由于同源策略，一般來(lái)說(shuō)位于 server1.example.com 的網(wǎng)頁(yè)無(wú)法與不是 server1.example.com的服務(wù)器溝通，而 HTML 的<script> 元素是一個(gè)例外。利用 <script> 元素的這個(gè)開(kāi)放策略，網(wǎng)頁(yè)可以得到從其他來(lái)源動(dòng)態(tài)產(chǎn)生的 JSON 資料，而這種使用模式就是所謂的 JSONP。用 JSONP 抓到的資料并不是 JSON，而是任意的JavaScript，用 JavaScript 直譯器執(zhí)行而不是用 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>
其他介紹就不多說(shuō)了，開(kāi)始上手吧。
1、繼承AbstractJsonpResponseBodyAdvice類(lèi)JsonpAdvice，并加上@RestControllerAdvice注解
/*RestControllerAdvice的值指定攔截的包名*/
@RestControllerAdvice("com.ctrl")
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice {
public JsonpAdvice() {
super("callback", "jsonp");
/*callback是url請(qǐng)求攔截的參數(shù)名，如果攔截成功會(huì)將返回?cái)?shù)據(jù)傳入函數(shù)執(zhí)行回調(diào)函數(shù)*/
}
}
2、創(chuàng)建ctrl類(lèi)
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、創(chuàng)建啟動(dòng)app類(lèi)：
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、前端調(diào)用：
<!DOCTYPE html>
<html>
<head>
<title>jquery跨域?qū)嵗?lt;/title>
<!-- jquery版本可以不是3.2.1版本的 -->
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function() {
/* 這是快捷調(diào)用，callback 是advice中設(shè)置的，?是保留參數(shù)，
jquery會(huì)替換掉這個(gè)問(wèn)號(hào) url可是不同于請(qǐng)求地址的任何url*/
$.getJSON("/hello?callback=?", function(data) {
//$("#showcontent").text("Result:" + data)
});
/*使用ajax方法調(diào)用*/
$.ajax({
type : "get",
async : false,
url : "/hello",
dataType : "jsonp",//數(shù)據(jù)類(lèi)型為jsonp
data:{a:"b",d:"c"},
type:"POST",
jsonp : "callback",//服務(wù)端用于接收callback調(diào)用的function名的參數(shù)
success : function(data) {
$("#showcontent").text("Result:" + data.suc + " requestParam:" + data.param )
},
error : function() {
alert('fail');
}
});
})
</script>
</head>
<body>
<div id="showcontent"></div>
</body>
</html>
服務(wù)器端也不一定要用spring 任何技術(shù)都可以，只要返回格式是下面的格式就可以，調(diào)用一個(gè)哈桑農(nóng)戶，出傳入一個(gè)json或者是字符串就可以了。
/**/test01({"suc":true,"msg":"save suc"});
直接訪問(wèn)返回?cái)?shù)據(jù)：
以上使用關(guān)于java 中Spring jsonp 跨域請(qǐng)求的實(shí)例詳解，如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論， 感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
HashMap和Hashtable都是Java常見(jiàn)的基于哈希表實(shí)現(xiàn)的Map接口的實(shí)現(xiàn)類(lèi),本文主要介紹了Java中HashMap和HashTable區(qū)別,具有一定的參考價(jià)值,感興趣的可以了解一下2023-11-11
Java 數(shù)據(jù)結(jié)構(gòu)與算法系列精講之KMP算法
在很多地方也都經(jīng)?？吹街v解KMP算法的文章，看久了好像也知道是怎么一回事，但總感覺(jué)有些地方自己還是沒(méi)有完全懂明白。這兩天花了點(diǎn)時(shí)間總結(jié)一下，有點(diǎn)小體會(huì)，我希望可以通過(guò)我自己的語(yǔ)言來(lái)把這個(gè)算法的一些細(xì)節(jié)梳理清楚，也算是考驗(yàn)一下自己有真正理解這個(gè)算法2022-02-02
Spring框架功能很強(qiáng)大，但是就算是一個(gè)很簡(jiǎn)單的項(xiàng)目，我們也要配置很多東西。接下來(lái)通過(guò)本文給大家分享Spring Boot Starter 知識(shí)，感興趣的朋友一起看看吧2017-10-10
這篇文章主要介紹了Spring-cloud Feign 的深入理解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
這篇文章主要介紹了深入學(xué)習(xí)Java中的SPI機(jī)制,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
Springboot設(shè)置統(tǒng)一的返回格式的方法步驟
在我們應(yīng)用中我們通常與前端交互使用json格式,設(shè)置統(tǒng)一的返回json 格式是非常必要的,本文主要介紹了Springboot設(shè)置統(tǒng)一的返回格式的方法步驟,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
Java中ConcurrentHashMap是如何實(shí)現(xiàn)線程安全
ConcurrentHashMap是一個(gè)哈希表，支持檢索的全并發(fā)和更新的高預(yù)期并發(fā)。本文主要介紹了Java中ConcurrentHashMap是如何實(shí)現(xiàn)線程安全，感興趣的可以了解一下2021-11-11
這篇文章主要介紹了java當(dāng)中的定時(shí)器的4種使用方式，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了Java NIO實(shí)戰(zhàn)之聊天室功能,結(jié)合實(shí)例形式詳細(xì)分析了java NIO聊天室具體的服務(wù)端、客戶端相關(guān)實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
JavaWeb的監(jiān)聽(tīng)器和過(guò)濾器你了解嗎
這篇文章主要為大家詳細(xì)介紹了JavaWeb的監(jiān)聽(tīng)器和過(guò)濾器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02