溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了利用Spring jsonp如何在java項目中實現一個跨域請求，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
jsonp介紹
JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數據訪問的問題。由于同源策略，一般來說位于 server1.example.com 的網頁無法與不是 server1.example.com的服務器溝通，而 HTML 的<script> 元素是一個例外。利用 <script> 元素的這個開放策略，網頁可以得到從其他來源動態產生的 JSON 資料，而這種使用模式就是所謂的 JSONP。用 JSONP 抓到的資料并不是 JSON，而是任意的JavaScript，用 JavaScript 直譯器執行而不是用 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>
其他介紹就不多說了，開始上手吧。
1、繼承AbstractJsonpResponseBodyAdvice類JsonpAdvice，并加上@RestControllerAdvice注解
/*RestControllerAdvice的值指定攔截的包名*/
@RestControllerAdvice("com.ctrl")
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice {
public JsonpAdvice() {
super("callback", "jsonp");
/*callback是url請求攔截的參數名，如果攔截成功會將返回數據傳入函數執行回調函數*/
}
}
2、創建ctrl類
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、創建啟動app類：
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、前端調用：
<!DOCTYPE html>
<html>
<head>
<title>jquery跨域實例</title>
<!-- jquery版本可以不是3.2.1版本的 -->
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function() {
/* 這是快捷調用，callback 是advice中設置的，?是保留參數，
jquery會替換掉這個問號 url可是不同于請求地址的任何url*/
$.getJSON("/hello?callback=?", function(data) {
//$("#showcontent").text("Result:" + data)
});
/*使用ajax方法調用*/
$.ajax({
type : "get",
async : false,
url : "/hello",
dataType : "jsonp",//數據類型為jsonp
data:{a:"b",d:"c"},
type:"POST",
jsonp : "callback",//服務端用于接收callback調用的function名的參數
success : function(data) {
$("#showcontent").text("Result:" + data.suc + " requestParam:" + data.param )
},
error : function() {
alert('fail');
}
});
})
</script>
</head>
<body>
<div id="showcontent"></div>
</body>
</html>
服務器端也不一定要用spring 任何技術都可以，只要返回格式是下面的格式就可以，調用一個哈桑農戶，出傳入一個json或者是字符串就可以了。
/**/test01({"suc":true,"msg":"save suc"});
直接訪問返回數據：
上述內容就是利用Spring jsonp如何在java項目中實現一個跨域請求，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
