首頁  >  文章  >  web前端  >  axios中的get,post方法詳解

axios中的get,post方法詳解

PHP中文网
PHP中文网原創
2017-06-22 14:04:171869瀏覽

學習vue和nodejs的過程當中,涉及到了axios,今天為了測試,寫了get和post兩個方法來跟node服務端交互,結果因為header和參數弄了好久,在此記錄一下,同時分享;

由於剛接觸axios,在測試方法中,寫的都是很簡單的東西,不過能夠實現基礎功能,大神看到的話..非常歡迎指導..

//GET方法

axios.get(url, {
                          params: { 'key': 'value' }
                    }).then(function (response) {
                          alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
                    }).catch(function (error) {
                          alert(error);
                    });

#//對應服務端取得資料 

const urlModule = require('url');
let params = urlModule.parse(request.url, true).query;//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值

#//POST方法

var params = new URLSearchParams();
                    params.append('key', 'value');
                    axios.post(url, params).then(function (response) {
                          alert(''.concat(response.data, '\r\n', response.status, '\r\n', response.statusText, '\r\n', response.headers, '\r\n', response.config));
                    }).catch(function (error) {
                          alert(error);
                    });

//對應服務端取得資料

const queryStringModule = require('querystring');
let postData = '';
request.on('data', function (chunk) {
  postData += chunk;//接收数据
});
let params = queryStringModule.parse(postData);//解析数据 获得Json对象
let value = params.key;//通过参数名称获得参数值

此種寫法猜測應該只是一種比較簡單的實現,希望能夠幫到其他人,同時希望高手指教;

以上是axios中的get,post方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn