[精讚] [會員登入]
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

你可能感興趣的文章

word題目轉google測驗 word題目轉google測驗

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

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

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

javascript 陣列 javascript 陣列可以放各种型別的元素 let data = [1,2,"john",tru

[javascript] 將角色物件放到清單中,並依序讀出每個角色的X值 參考在scratch中建立三個角色並且給定值 http://n.sfs.tw/content/index/14716 一

隨機好文

[vue.js] 設定 content type 今天在wickt 端怎麼就是收不到vue.js 以post 傳過來的資料 找了好久才發現 application/jso

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

資料表更改為多個primary key, MariaDB [database]> describe TABLENAME; 想由本來是兩個PRIMARY KE

apache 反向代理 80轉443轉8080 apache, proxy pass

2018 hoc 頒獎 校慶到了,啦啦隊比賽如火如荼展開,學務主任將頒發獎狀給表現優異的班級。請完成以下程式碼,讓程式將啦啦隊表演成績由高至低依序輸出。