[精讚] [會員登入]
1060

axios vuejs application/x-www-form-urlencoded 送資料

VUE.JS 以 application/x-www-form-urlencoded 送資料

分享此文連結 //n.sfs.tw/11468

分享連結 axios vuejs application/x-www-form-urlencoded 送資料 @igogo
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-25 13:09:42 最後編修
2017-07-19 00:23:08 By igogo
 

結論: 只有chrome 適用 , 我還是默默的用json 傳值

 

如圖, vue.js+axios 送出json 的物件很簡單, 但是如果想送的是像form action submit的資料時要怎麼做呢

 

Vue.prototype.$http = axios;
    var config = {
        headers: {
        'content-type': 'application/x-www-form-urlencoded'
        }
   };

http request 使用axios,  content-type 改application/x-www-form-urlencoded

 

var params = new URLSearchParams();
params.append('keywords', this.keywords);

https://github.com/mzabriskie/axios/issues/362

但此法IE 不適用

最後送出

this.$http.post(url, params, config)
.then((response) => {
    // success callback
    console.log(response.data);
}, (response) => {
    // error callback
});

 

後記, 經現下的版本測試 只有chrome 認得URLSearchParams()  我總不能要求使用者使用特定browser 吧

只好默默改用application/json 傳值, server端再以object收值  或是parse json 的方式

 

END

你可能感興趣的文章

vue.js component 在parent與child 傳值 component 在parent與child 傳值

[vue.js] 動態的props 做parent-child components 雙向綁定 vue.js props components camel-case

[vue.js] input event Form-Input-Components-using-Custom-Events

題庫批次匯入google表單 請先建一新試算表, 將題目轉成格式如下 並將網址列記下來, 後續的題目就是從此試算表讀出 題目 答案 選項一 選項二 選

將google試算表當作簡易資料庫,利用Google apps cript 在網頁上操作查詢 將google試算表當作簡易資料庫,利用apps cript 在網頁上操作查詢 若我有一試算表資料 縣市 status

vue.js modal 作兩個選項按鈕並導向不同頁面 vue.js modal 作兩個選項按鈕

隨機好文

vue.js modal 作兩個選項按鈕並導向不同頁面 vue.js modal 作兩個選項按鈕

axios vuejs application/x-www-form-urlencoded 送資料 VUE.JS 以 application/x-www-form-urlencoded 送資料

2018 hoc 掃地機器人 掃地機器人只能打掃沒有障礙物(桌椅、牆壁)的範圍,請寫程式控制機器人打掃餐廳的所有走道, 並在清掃完畢後回到充電器。

臺中市雲端校務系統與Windows AD帳號整合(5) 安裝java環境

雲端校務系統與OPENLDAP帳號整合(1) 本文件目標是為做單一帳號整合, 使用校端更改密碼服務, 將雲端校務系統的帳密同步至校內LDAP server, 並讓SA