溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在我們做項目的過程中，有可能會遇到跨域請求，所以需要我們自己組裝支持跨域請求的JSONP數據，而在4.1版本以后的SpringMVC中，為我們提供了一個AbstractJsonpResponseBodyAdvice的類用來支持jsonp的數據（SpringBoot接收解析web請求是依賴于SpringMVC實現的）。下面我們就看一下怎么用AbstractJsonpResponseBodyAdvice來支持跨域請求。
使用AbstractJsonpResponseBodyAdvice來支持跨域請求很簡單，只需要繼承這個類就可以了。具體代碼如下：
package com.zkn.learnspringboot.config;
import org.springframework.web.bind.annotation.ControllerAdvice;
import org.springframework.web.servlet.mvc.method.annotation.AbstractJsonpResponseBodyAdvice;
/**
* Created by wb-zhangkenan on 2016/12/1.
*/
@ControllerAdvice(basePackages = "com.zkn.learnspringboot.web.controller")
public class JsonpAdvice extends AbstractJsonpResponseBodyAdvice{
public JsonpAdvice() {
super("callback","jsonp");
}
}
下面我們寫個類來測試一下：
package com.zkn.learnspringboot.web.controller;
import com.zkn.learnspringboot.domain.PersonDomain;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.MediaType;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
/**
* Created by wb-zhangkenan on 2016/12/1.
*/
@RestController
@RequestMapping("/jsonp")
public class JsonpTestController {
@Autowired
private PersonDomain personDomain;
@RequestMapping(value = "/testJsonp",produces = MediaType.APPLICATION_JSON_VALUE)
public PersonDomain testJsonp(){
return personDomain;
}
}
當我們發送請求為：http://localhost:8003/jsonp/testJsonp的時候，結果如下：
當我們發送的請求為：http://localhost:8003/jsonp/testJsonp?callback=callback的時候，結果如下所示：
看到區別了嗎？當我們在請求參數中添加callback參數的時候，返回的數據就是jsonp的，當我們請求參數中不帶callback的時候，返回的數據是json的。可以讓我們方便的靈活運用。下面再奉上一個jsonp的完整案例。
前臺頁面：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<script src="resources/js/jquery-2.1.4.min.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="測試jsonp請求" onclick="testJsonp()" />
<script type="text/javascript">
function testJsonp() {
$.ajax({
type:'get',
url:'http://localhost:8003/jsonp/testJsonp',
dataType:'jsonp',
jsonp:"callback",
success:function (data) {
alert(data.userName+" "+data.passWord);
},
error:function (err) {
alert('出現錯誤了!!!');
}
});
}
</script>
</body>
</html>
后臺代碼1：
package com.zkn.learnspringmvc.news.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/**
* Created by zkn on 2016/12/3.
*/
@Controller
public class JsonpTestController {
@RequestMapping("testJsonp")
public String testJsonp(){
return "jsonp";
}
}
下面我們發送請求如下：http://localhost:8080/LearnSpringMvc/testJsonp
當我們點擊測試jsopn請求這個按鈕的時候，效果如下：
我們成功的實現了一個跨越的請求。更詳細的請求信息如下：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
