axios處理http請求,對比ajax

2021-08-28 02:37:09 字數 2028 閱讀 1461

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) );

function getuseraccount() 

function getuserpermissions()

axios.all([getuseraccount(), getuserpermissions()])

.then(axios.spread(function (acct, perms) ));

這個的使用方法其實和原生的ajax是一樣的,一看就懂。

var qs = require('qs');

axios.post('/bbg/goods/get_goods_list_wechat', qs.stringify()}),

}).then(function (response)

}).catch(function (error) );

注意: 對於post請求,一般情況下,第乙個引數是url,第二個引數是要傳送的請求體的資料,第三個引數是對請求的配置。

對於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...