axios链接带参数_axios常见传参方式
1:get請求
一般發送請求是這么寫
axios.get('/user?id=12345&name=user')
.then(function (res) {
console.log(res);
}).catch(function (err) {
console.log(err);
});
但是為了方便全局統一調用封裝的axios
axios.get('/user', { //params參數必寫 , 如果沒有參數傳{}也可以
params: {
id: 12345，
name: user
}
})
.then(function (res) {
console.log(res);
})
.catch(function (err) {
console.log(err);
});
2.post/put/patch請求
(1) 傳參格式為 formData
(全局請求頭:'Content-Type'= 'application/x-www-form-urlencoded')
(request的Header:'Content-Type'= 'multipart/form-data')
var formData=new FormData();
formData.append('user',123456);
formData.append('pass',12345678);
axios.post("/notice",formData)
.then((res) => {return res})
.catch((err) => {return err})
(2) 傳參格式為 query 形式
(全局請求頭:'Content-Type'= 'application/x-www-form-urlencoded')
(request的Header:'Content-Type'= 'application/x-www-form-urlencoded')
第一種情況：使用$qs.stringify
import Qs from 'qs' //引入方式
Vue.prototype.$qs = Qs //全局加載
this.$qs.stringify(data); //使用方式
this.$qs.parse(data); //使用方式
var readyData=this.$qs.stringify({
id:1234,
name:user
});
axios.post("/notice",readyData)
.then((res) => {return res})
.catch((err) => {return err})
第二種情況：使用URLSearchParams
在瀏覽器中，您可以使用URLSearchParams API，如下所示：
var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);
注意：所有瀏覽器都不支持URLSearchParams，但是有一個polyfill可用(確保polyfill全局環境)。
(3) 傳參格式為 raw (JSON格式)
第一種情況：?axios將JavaScript對象序列化為JSON
(全局請求頭:'Content-Type'= 'application/x-www-form-urlencoded')
(request的Header:'Content-Type'= 'application/json;charset=UTF-8')
var readyData={
id:1234,
name:user
};
axios.post("/notice",readyData)
.then((res) => {return res})
.catch((err) => {return err})
第二種情況：
(全局請求頭:‘Content-Type'= 'application/json;charset=UTF-8')
(request的Header:‘Content-Type'= 'application/json;charset=UTF-8')
var readyData=JSON.stringify({
id:1234,
name:user
});
axios.post("/notice",readyData)
.then((res) => {return res})
.catch((err) => {return err})
mock和axios常見的傳參方式
第一次接手項目,傳參方式還有些吃力,因此做一下總結. 首先我們需要會看swagger中的接口.里面寫了某個接口需要接收什么樣的值,前端怎么傳遞這個值 在mock中的傳參方式: mock中傳參的方式有兩 ...
axios中post傳參方式
最近做vue項目,做圖片上傳的功能,使用get給后臺發送數據,后臺能收到,使用post給后臺發送圖片信息的時候,vue axios post請求發送圖片base64編碼給后臺報錯HTTP 錯誤 414 ...
jQuery對象初始化的傳參方式
jQuery對象初始化的傳參方式包括: 1.$(DOMElement) 2.$(' ... '), $('#id'), $('.class') 傳入字符串, 這是最常見的形式, 這種傳參數經常也傳入第 ...
java 傳參方式--值傳遞還是引用傳遞
java?傳參方式--值傳遞還是引用傳遞 參數是按值而不是按引用傳遞的說明 Java 應用程序有且僅有的一種參數傳遞機制,即按值傳遞.寫它是為了揭穿普遍存在的一種神話,即認為 Java 應用程序按引用 ...
angularjs簡單實現$http.post(CORS)跨域及$http.post傳參方式模擬jQuery.post
1.開啟angularjs的CORS支持 .config(function($httpProvider) { // CORS post跨域配置 $httpProvider.defaults.useXD ...
react中的傳參方式
react是一個SPA模式,即組件嵌套租,在一個單頁面的應用中組件間的數值傳遞是必不可少的,主要的傳參方式大致有一下幾種: 1,在掛載的地方給組件傳參 ReactDOM.rander(
Web API中的傳參方式
在Restful風格的WebApi的里面,API服務的增刪改查,分別對應著Http Method的Get / Post / Delete /Put,下面簡單總結了Get / Post /Delete ...
Python函數定義及傳參方式
主要內容: ? ??1.函數初識 ? ??2.函數傳參方式 ? ? ? ?(1)位置參數 ? ? ? ?(2)默認參數 ? ? ? ?(3)關鍵參數 ? ? ? ?(4)非固定傳參 一.函數初識 1. ...
$router和$route的區別，路由跳轉方式name 、 path 和傳參方式params 、query的區別
一.$router和$route的區別 $router : 是路由操作對象,只寫對象$route : 路由信息對象,只讀對象 例子://$router操作 路由跳轉 this.$router.push ...
隨機推薦
LightOj 1289 - LCM from 1 to n(LCM + 素數)
題目鏈接:http://lightoj.com/volume_showproblem.php?problem=1289 題意:求LCM(1, 2, 3, ... , n)%(1<<32), ...
Solr5之Schema.xml詳解
schema.xml 是用來定義索引數據中的域的,包括域名稱,域類型,域是否索引,是否分詞,是否存儲,是否標準化即 Norms ,是否存儲項向量等等. schema.xml 配置文件的根元素就是 sc ...
4.python中的用戶交互
學習完如何寫'hello world'之后,我們還是不太滿意,因為這樣代碼就寫死了,以后運行的時候都只打印一局固定的話而已. 但是,我想在程序運行后,自己手動輸入內容怎么辦,此時就要學習如何使用用戶交 ...
XoftSpy 4.13的注冊算法分析
[標題]XoftSpy?4.13的注冊算法分析 [作者]forever[RCT] [語言]VC [工具]ida4.6,ollydbg1.1 [正文] ??????這個軟件的算法很簡單,正好拿來做逆向分 ...
think in coding
,想想除了技術還有什么? 你假設形而下的去糾結技術.僅僅會變成技術的傀儡.他們僅僅是一種表達的方式? 希望你能夠形而上的去看待技術,技術千變萬化,但都是為了解決這個問題的方式. 請問問自己,自己問題是 ...
CentOS 7 用firewall-cmd來開放端口
2.CentOS 7 用firewall-cmd來開放端口?如:?firewall-cmd --permanent --add-port=3306/tcp 重新加載?firewall-cmd --re ...
python3接收、解析郵件
郵件接收 python3可以使用poplib.POP3進行郵件接收,具體如下: import poplib from email.parser import Parser def get_email( ...
C++拷貝構造函數的調用時機
一.拷貝構造函數調用的時機 ? 當以拷貝的方式初始化對象時會調用拷貝構造函數,這里需要注意兩個關鍵點,分別是以拷貝的方式和初始化對象 1. 初始化對象 初始化對象是指,為對象分配內存后第一次向內存中填 ...
static 關鍵字介紹
大家都知道,我們可以基于一個類創建多個該類的對象,每個對象都擁有自己的成員,互相獨立.然而在某些時候,我們更希望該類所有的對象共享同一個成員.此時就是?static 大顯身手的時候了!! Java 中 ...
HUE配置文件hue.ini 的Spark模塊詳解(圖文詳解)(分HA集群和HA集群)
不多說,直接上干貨! 我的集群機器情況是?bigdatamaster(192.168.80.10).bigdataslave1(192.168.80.11)和bigdataslave2(192.168 ...
總結
以上是生活随笔為你收集整理的axios链接带参数_axios常见传参方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算 a+aa+aaa+aaaa+aaa
- 下一篇： deepin linux 2014 硬盘