get post請求

使用get發(fā)請求參數(shù)放在query中,
1.直接拼接在url上

export function getOtherListById(id) {
  return request({
    url: pro + '/biz/process/control/' + id,
    method: 'get'
  })
}

2.放在params中狐援,不顯示在url衬吆,也是字符串形式
params屬性是將參數(shù)添加到url的請求字符串中。

  async getOrgList() {
        let res = await this.$axios.get('/user/b/getOrgList', {
            params: {
                pageNo: 1,
                pageSize: 99,
                type: 6
            }
        })
        this.researchList = res.data.retData.list
    },

post請求有請求體武契,傳遞的參數(shù)既可以放在請求體中也可以放在url后面。
使用post發(fā)請求參數(shù)可以放在params或者body中
1.data中
data是添加到請求體(body)中荡含,該方式傳遞的參數(shù)有兩種格式:
1.1 application/json格式:該格式data用json字符串進(jìn)行傳遞參數(shù)咒唆,數(shù)據(jù)格式是application/json。

 this.axios({
       method:'post',
       data:{
           name:"lhj",
           age:24
           },
       url:'http://localhost:1111/01/ajax'
      }).then(function(resp){
          console.log(resp.data);
       })
20210303225441208.png

1.2 application/x-www-form-urlencoded格式
該格式data用查詢字符串進(jìn)行傳遞參數(shù)释液,即"name1 = value1&name2 = value2"的形式全释。
該格式data有兩種傳遞方式
第一種:直接傳遞字符串

data:"name=lhj&age=123",      //字符串形式

第二種:使用qs.stringify()將json轉(zhuǎn)換成查詢字符串

data:qs.stringify({name:'lhj',age:24}),

2、params屬性傳遞
post請求用該屬性傳遞參數(shù)跟get請求一樣误债,將參數(shù)拼接在url之后浸船。

 this.axios({
       method:'post',
       params:{
           name:"lhj"
           },
       url:'http://localhost:1111/01/ajax'
      }).then(function(resp){
          console.log(resp.data);
       })
20210303230804646.png

常見的content-type類型
表示請求和響應(yīng)中的媒體類型信息妄迁。如果是請求頭,它用來告訴服務(wù)端如何處理請求的數(shù)據(jù)李命,如果是響應(yīng)頭登淘,它用來告訴客戶端(一般是瀏覽器)如何解析響應(yīng)的數(shù)據(jù)。
application/x-www-form-urlencoded:
這是最常見的 POST 提交數(shù)據(jù)的方式封字。瀏覽器的原生 form 表單黔州,如果不設(shè)置 enctype 屬性,那么就會以 application/x-www-form-urlencoded 方式提交數(shù)據(jù)阔籽。
請求參數(shù)以 key1=val1&key2=val2 的方式進(jìn)行拼接流妻,并放到請求實體里面,如果是中文或特殊字符等會自動進(jìn)行URL轉(zhuǎn)碼笆制。一般用于表單提交绅这。


20210514181743877.png

2、multipart/form-data

multipart/form-data 將表單的數(shù)據(jù)處理為一條消息项贺,以標(biāo)簽為單元君躺,用分隔符 boundary分開峭判。multipart/form-data 支持文件上傳的格式开缎,一般需要上傳文件的表單則用該類型。
20210514182006155.png

3林螃、application/json
application/json 類型用來告訴服務(wù)端消息主體是序列化后的 JSON 字符串奕删,其中一個好處就是JSON 格式支持比鍵值對復(fù)雜得多的結(jié)構(gòu)化數(shù)據(jù)。
前端人員不需要關(guān)心數(shù)據(jù)結(jié)構(gòu)的復(fù)雜度疗认,只要是標(biāo)準(zhǔn)的json格式就能提交成功完残。
由于 JSON 規(guī)范的流行,除了低版本 IE 之外的各大瀏覽器都原生支持JSON.stringify横漏,服務(wù)端語言也都有處理 JSON 的函數(shù)谨设,使用起來沒有困難。
20210514182955977.png

注意:
Accept 為客戶端希望接受的數(shù)據(jù)類型缎浇,Content-Type 為(客戶端或者服務(wù)端)發(fā)送的實體數(shù)據(jù)的數(shù)據(jù)類型扎拣,兩者是有區(qū)別的,如果服務(wù)端返回的類型和客戶端希望接受的數(shù)據(jù)類型不一致素跺,從而報錯406二蓝。

(1)客戶端發(fā)送請求時的 Content-Type 設(shè)置如果設(shè)置的不準(zhǔn)確會導(dǎo)致服務(wù)端解析不了,從而報錯415指厌。
(2)服務(wù)端響應(yīng)的 Content-Type 最好也設(shè)置準(zhǔn)確刊愚,亂設(shè)置某些情況下可能會有問題,比如導(dǎo)致文件無法下載踩验,客戶端把 json 數(shù)據(jù)當(dāng)成文本使用鸥诽。
(3)如果是一個 restful 接口(json格式)商玫,一般將 Content-Type 設(shè)置為 application/json;charset=UTF-8
(4)如果是文件上傳牡借,一般 Content-Type 設(shè)置為 multipart/form-data
(5)如果普通表單提交决帖,一般 Content-Type 設(shè)置為 application/x-www-form-urlencoded。

參考:https://blog.csdn.net/IT__learning/article/details/114337170

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蓖捶,一起剝皮案震驚了整個濱河市地回,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俊鱼,老刑警劉巖刻像,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異并闲,居然都是意外死亡细睡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門帝火,熙熙樓的掌柜王于貴愁眉苦臉地迎上來溜徙,“玉大人,你說我怎么就攤上這事犀填〈酪迹” “怎么了?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵九巡,是天一觀的道長图贸。 經(jīng)常有香客問我,道長冕广,這世上最難降的妖魔是什么疏日? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮撒汉,結(jié)果婚禮上沟优,老公的妹妹穿的比我還像新娘。我一直安慰自己睬辐,他們只是感情好挠阁,可當(dāng)我...
    茶點故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著溉委,像睡著了一般鹃唯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瓣喊,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天坡慌,我揣著相機與錄音,去河邊找鬼藻三。 笑死洪橘,一個胖子當(dāng)著我的面吹牛跪者,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播熄求,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼渣玲,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了弟晚?” 一聲冷哼從身側(cè)響起忘衍,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎卿城,沒想到半個月后枚钓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡瑟押,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年搀捷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片多望。...
    茶點故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡嫩舟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出怀偷,到底是詐尸還是另有隱情家厌,我是刑警寧澤,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布枢纠,位于F島的核電站像街,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏晋渺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一脓斩、第九天 我趴在偏房一處隱蔽的房頂上張望木西。 院中可真熱鬧,春花似錦随静、人聲如沸八千。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽恋捆。三九已至,卻和暖如春重绷,著一層夾襖步出監(jiān)牢的瞬間沸停,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工昭卓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留愤钾,地道東北人瘟滨。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像能颁,于是被迫代替她去往敵國和親杂瘸。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,107評論 2 356

推薦閱讀更多精彩內(nèi)容