axios中文文件
在處理http請求方面,已經不推薦使用vue-resource了,而是使用最新的axios,下面做乙個簡單的介紹。
使用node
npm install axios
使用cdn
// make a request for a user with a given id
axios.get('/user?id=12345')
.then(function (response) )
.catch(function (error) );
// optionally the request above could also be done as
axios.get('/user',
}).then(function (response) )
.catch(function (error) );
axios.post('/user', )
.then(function (response) )
.catch(function (error) );
這個的使用方法其實和原生的ajax是一樣的,一看就懂。function getuseraccount()
function getuserpermissions()
axios.all([getuseraccount(), getuserpermissions()])
.then(axios.spread(function (acct, perms) ));
注意: 對於post請求,一般情況下,第乙個引數是url,第二個引數是要傳送的請求體的資料,第三個引數是對請求的配置。var qs = require('qs');
axios.post('/bbg/goods/get_goods_list_wechat', qs.stringify()}),
}).then(function (response)
}).catch(function (error) );
對於post請求,我們也可以使用下面的jquery的ajax來實現:
另外,對於兩個同樣的請求,即使都請求成功了,但是兩者請求得到的結果也是不一樣的,如下:$.ajax()
},
beforesend: function(request) ,
type:'post',
datatype:'json',
success:function(data),
error: function (error) ,
complete: function ()
});
即第乙個引數是:url, 第二個引數就是乙個配置物件,我們可以在配置物件中設定 params 來傳遞引數。
個人理解為什麼get沒有第二個引數作為傳遞的查詢字串,而post有第二個引數作為post的資料。
因為get可以沒有查詢字串,也可以get請求,但是post必須要有post的資料,要不然就沒有使用post的必要了。
參考文章:
axios處理http請求
axios中文文件 在處理http請求方面,已經不推薦使用vue resource了,而是使用最新的axios,下面做乙個簡單的介紹。使用node npm install axios使用cdn make a request for a user with a given id axios.get u...
處理HTTP請求
處理http請求 當客戶端瀏覽器通過url訪問web應用時,首先要做的就是獲取使用者提交的資訊,也就是從http請求資料中獲得的資訊。http請求資料分為http請求頭和body http請求頭包含了一些http請求欄位和http get欄位 body中可以包含任何型別的資料,包含http get欄...
axios 請求超時處理方法
main.js import axios from axios axios.defaults.timeout 10000 設定超時時間,單位毫秒 axios.defaults.retry 3 設定全域性請求次數 axios.defaults.retrydelay 1000 設定全域性請求間隙 htt...