解決java使用axios.js的post請求后臺時無法接收到入?yún)⒌膯栴}
更新時間：2018年09月25日 11:14:26 作者：wangpan_java
今天小編就為大家分享一篇解決java使用axios.js的post請求后臺時無法接收到入?yún)⒌膯栴}，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
使用vue有一段時間了，下面是我在Java環(huán)境下使用vue+axios的時候遇到的一個坑，在這分享給大家，如有不正確或者疑惑的地方可以給我留言。
1.在使用異步請求后臺時，由于官方不在更新vue-resource，推薦使用axios，因此在使用的時候難免會遇到各種問題。目前遇到最大的問題是在使用axios.post的請求向Java后端傳入入?yún)r，后端無法接收到參數(shù)。在這里主要處理移動端瀏覽器兼容的問題。
在這里我提供了兩種解決辦法：
一、URLSearchParams.append()方法
由于URLSearchParams接口在各個瀏覽器兼容性問題，這種方法在PC端絕大多數(shù)瀏覽器是OK的，但是在手機端正相反，基本上都不支持。
如圖：
getBarCode : _ => {
let param = new URLSearchParams();
param.append("userName","admin");
param.append("userPassword","admin");
axios.post("/index.html",param)
.then(function(response){
console.log(response);
})
.catch(function(response){
console.log(response)
})
}
二、主要解決移動端瀏覽器兼容性問題
//請求后臺數(shù)據(jù)之前轉(zhuǎn)換入?yún)?
transformRequest: function (data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}
axios.post(url,this.transformRequest(param),{
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
}
}).then(function(res){
console.log(res);
}).catch(function(res){
console.log(res);
})
以上這篇解決java使用axios.js的post請求后臺時無法接收到入?yún)⒌膯栴}就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Spring Boot將項目打包成war包的操作方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
Swagger是一個規(guī)范和完整的框架，用于生成、描述、調(diào)用和可視化RESTful風(fēng)格的?Web?服務(wù)，這篇文章主要介紹了Swagger以及knife4j的基本使用,需要的朋友可以參考下2022-08-08
MyBatis 本是apache的一個開源項目iBatis,接下來通過本文給大家介紹MyBatis持久層框架的用法知識小結(jié)，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-07-07
idea使用pagehelper實現(xiàn)后端分頁功能的步驟詳解
這篇文章主要介紹了idea使用pagehelper實現(xiàn)后端分頁功能的步驟，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了JAVA中的final關(guān)鍵字用法,結(jié)合實例形式較為詳細(xì)的分析了Java中的final關(guān)鍵字用于修飾數(shù)據(jù),方法及類的具體使用技巧,需要的朋友可以參考下2015-12-12
Springboot項目中運用vue+ElementUI+echarts前后端交互實現(xiàn)動態(tài)圓環(huán)圖(推薦)
今天給大家?guī)硪黄坛剃P(guān)于Springboot項目中運用vue+ElementUI+echarts前后端交互實現(xiàn)動態(tài)圓環(huán)圖的技能，包括環(huán)境配置及圓環(huán)圖前端后端實現(xiàn)代碼，感興趣的朋友一起看看吧2021-06-06
這篇文章主要為大家詳細(xì)介紹了Spring項目中自定義序列化工具的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-12-12
SpringBoot整合第三方技術(shù)的實現(xiàn)
本文主要介紹了SpringBoot整合第三方技術(shù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
SpringBoot中@Transiactional注解沒有效果的解決
這篇文章主要介紹了SpringBoot中@Transiactional注解沒有效果的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-08-08
在Java多線程編程中,wait()和sleep()是控制線程執(zhí)行和等待的兩個關(guān)鍵方法,但它們在應(yīng)用場景和實現(xiàn)上有顯著差異,這篇文章主要介紹了Java中wait()與sleep()兩者的不同,需要的朋友可以參考下2024-11-11