首頁 > web前端 > js教程 > 主體

淺談axios的get,post方法介紹

零下一度
發布: 2017-06-27 15:23:25
原創
1782 人瀏覽過

下面小編就為大家帶來一篇簡單談談axios中的get,post方法。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

學習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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!