使用axios發(fā)送post請求，body傳送數(shù)據(jù)格式form和json區(qū)別

fuyi501 發(fā)布于2019-08-26 12:09 / 2142人閱讀

摘要：先來看看這兩個(gè)種傳送格式的寫法格式，將類型設(shè)置為，請求時(shí)將序列化提交的數(shù)據(jù)會(huì)按照的方式進(jìn)行編碼，和都進(jìn)行了轉(zhuǎn)碼攔截器傳參序列化格式，有時(shí)候后臺(tái)需要傳送的是數(shù)據(jù)，將類型設(shè)置為，注意請求時(shí)不要序列化

先來看看這兩個(gè)種傳送格式的寫法
1.form格式，將Content-Type類型設(shè)置為application/x-www-form-urlencode，POST請求時(shí)將data序列化,提交的數(shù)據(jù)會(huì)按照 key1=val1&key2=val2 的方式進(jìn)行編碼，key 和 val 都進(jìn)行了 URL 轉(zhuǎn)碼

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/x-www-form-urlencoded; charset=utf-8;"
    }
  });

  // http request 攔截器
  instance.interceptors.request.use(
    config => {
      // POST傳參序列化
      if (config.method === "post") {
        config.data = qs.stringify(config.data);
      }
      return config;
    },
    error => {
      return Promise.reject(error);
    }
  );

2.json格式，有時(shí)候后臺(tái)需要body傳送的是json數(shù)據(jù)，將Content-Type類型設(shè)置為application/json，注意POST請求時(shí)data不要序列化

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/json;"
    }
  });

GPU云服務(wù)器云服務(wù)器發(fā)送post請求模擬post發(fā)送請求 ajax發(fā)送post請求 fetch和axios的區(qū)別

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108122.html

相關(guān)文章

前端培訓(xùn)-初級(jí)階段-場景實(shí)戰(zhàn)（2019-06-06）-Content-Type對照表及日常使用

摘要：前端最基礎(chǔ)的就是。數(shù)據(jù)被編碼為鍵值對。大法好，精準(zhǔn)識(shí)別，也算是正確的表單提交。全局的默認(rèn)值實(shí)例默認(rèn)值創(chuàng)建實(shí)例時(shí)設(shè)置配置的默認(rèn)值在實(shí)例已創(chuàng)建后修改默認(rèn)值攔截器，可以攔截錯(cuò)誤，進(jìn)行上報(bào)。參考資料類型看云前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水...

mayaohua 2019-08-02 15:13 評(píng)論0 收藏0
前端培訓(xùn)-初級(jí)階段-場景實(shí)戰(zhàn)（2019-06-06）-Content-Type對照表及日常使用

摘要：前端最基礎(chǔ)的就是。數(shù)據(jù)被編碼為鍵值對。大法好，精準(zhǔn)識(shí)別，也算是正確的表單提交。全局的默認(rèn)值實(shí)例默認(rèn)值創(chuàng)建實(shí)例時(shí)設(shè)置配置的默認(rèn)值在實(shí)例已創(chuàng)建后修改默認(rèn)值攔截器，可以攔截錯(cuò)誤，進(jìn)行上報(bào)。參考資料類型看云前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水...

張金寶 2019-08-23 17:55 評(píng)論0 收藏0
Ajax詳解

摘要：當(dāng)請求完成后注冊一個(gè)回調(diào)函數(shù)。該請求是否觸發(fā)全局處理事件如等，請求發(fā)送前的回調(diào)函數(shù)，用來修改請求發(fā)送前，此功能可用來設(shè)置自定義頭信息，在函數(shù)中返回將取消這個(gè)請求。例如，為請求指定一個(gè)回調(diào)函數(shù)名。即改變回調(diào)函數(shù)的，默認(rèn)就是傳入的整個(gè)對象。 Ajax Ajax 全稱是 asynchronous javascript and xml，并不是新的編程語言，可以說是已有技術(shù)的組合，主要用來實(shí)現(xiàn)客...

jokester 2019-08-23 14:15 評(píng)論0 收藏0
前后端聯(lián)調(diào)之Form Data與Request Payload，你真的了解嗎？

摘要：前言做過前后端聯(lián)調(diào)的小伙伴，可能有時(shí)會(huì)遇到一些問題。它是請求中空行的后面那部分。這就是它向你展示的。值得形式是以的形式提交的。傳遞對象的時(shí)候，默認(rèn)為類型的值，與非時(shí)，的區(qū)別。如果是字符串的話，后端解析的內(nèi)容時(shí)候，肯定要去解析啦。前言做過前后端聯(lián)調(diào)的小伙伴，可能有時(shí)會(huì)遇到一些問題。例如，我明明傳遞數(shù)據(jù)給后端了，后端為什么說沒收到呢？這時(shí)候可能就會(huì)就會(huì)有小伙伴陷入迷茫，本文從chrom...

Fundebug 2019-08-23 16:46 評(píng)論0 收藏0
GET，POST與后端接口詳記

摘要：如，是類的傳輸方式，與沒有實(shí)質(zhì)區(qū)別。是測試服務(wù)器的該資源情況，不返回實(shí)體的主體部分。請求可以獲取回服務(wù)器接收到的該請求的原始報(bào)文，從而判斷路徑中的代理和防火墻是否對該條請求進(jìn)行修改。為了獲取信息且不需要傳大量條件信息的接口。前言 HTTP通信的7種方式在HTTP通信中主要分為GET和POST。如PUT，DELETE是類POST的傳輸方式，與POST沒有實(shí)質(zhì)區(qū)別。OPTION是查看服...

miguel.jiang 2019-08-16 18:27 評(píng)論0 收藏0