基于springboot與axios的整合問(wèn)題
更新時(shí)間：2021年12月01日 09:52:48 作者：coderping
這篇文章主要介紹了springboot與axios的整合問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
springboot與axios的整合
使用axios的時(shí)候一定要引用它的js包（可用npm命令：npm install axios）
1.get請(qǐng)求
// 為給定 ID 的 user 創(chuàng)建請(qǐng)求
axios.get('/demo/name')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
response用于接收后端的數(shù)據(jù)，而response.data正好對(duì)應(yīng)后端傳入的 hello
后端接收
@RequestMapping(value = "/name",method = RequestMethod.GET)
@ResponseBody
public String Testname(){
return "hello";
}
2.post請(qǐng)求
這是一段前端發(fā)送請(qǐng)求代碼，利用axios發(fā)送post請(qǐng)求
<button type="button" onclick="openUrl()">testaxios</button>
<script>
function openUrl(){
axios({
method: 'post',
url: '/demo/user',
data: {
ID: 'Fred',
lastName: 'Flintstone'
}
});
}
</script>
通過(guò)chrome瀏覽器解析，往后端傳遞的數(shù)據(jù)類型為Request Payload。
如何想接收這段數(shù)據(jù)，就需要用到@RequestBody注解
@RequestMapping(value = "/user",method = RequestMethod.POST)
@ResponseBody
public void Test(@RequestBody HashMap<String,String> map){
System.out.println(map.get("ID"));
}
這種寫法，你就可以通過(guò)健值對(duì)的形式獲取了
springboot與axios遇到的坑
spring boot
@RequestParam
適用于content-type不等于application/json的post請(qǐng)求，post請(qǐng)求需要用qs.stringify()序列化數(shù)據(jù)
適用于get請(qǐng)求（好像只能傳基本類型）
@RequestBody
適用于content-type等于application/json的post請(qǐng)求
axios
get
axios.get(
'/api',
{
params: { //必須要這么寫
})
post
axios.post(
'/api',
{}或者params//參數(shù)名隨意)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Junit寫法及與spring整合過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
Idea Project文件目錄不見了,只剩External Libraries和imi文件的解決
這篇文章主要介紹了Idea Project文件目錄不見了,只剩External Libraries和imi文件的解決方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了java之Objects.nonNull用法代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-03-03
這篇文章主要介紹了使用SpringBoot配置多數(shù)據(jù)源的經(jīng)驗(yàn)分享,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Java內(nèi)部排序之插入排序與交換排序詳解,排序是將任意序列重新排列按照關(guān)鍵字有序,排序根基存儲(chǔ)器的不同分為內(nèi)部排序、外部排序,排序根據(jù)關(guān)鍵字分為穩(wěn)定排序、不穩(wěn)定排序,需要的朋友可以參考下2023-12-12
SpringBoot使用Sa-Token實(shí)現(xiàn)賬號(hào)封禁、分類封禁、階梯封禁的示例代碼
本文主要介紹了SpringBoot使用Sa-Token實(shí)現(xiàn)賬號(hào)封禁、分類封禁、階梯封禁的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
最近在創(chuàng)建一個(gè)servlet時(shí),自動(dòng)生成的代碼中出現(xiàn)servlet無(wú)法解析的提示,令我無(wú)法正常使用servlet里的方法,在對(duì)各個(gè)步驟進(jìn)行查看后,發(fā)現(xiàn)了問(wèn)題所在,需要的朋友可以參考下2021-05-05
這篇文章主要介紹了Java中自己實(shí)現(xiàn)log2(N)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-08-08
Mybatis-Plus中and()和or()的使用與原理詳解
最近發(fā)現(xiàn)MyBatisPlus還是挺好用的,下面這篇文章主要給大家介紹了關(guān)于Mybatis-Plus中and()和or()的使用與原理的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
我們都知道java語(yǔ)言與C語(yǔ)言最大的區(qū)別就是內(nèi)存自動(dòng)回收，那么JVM是怎么控制內(nèi)存回收的，這篇文章將介紹JVM垃圾回收的幾種算法，從而了解內(nèi)存回收的基本原理2021-06-06