快捷導(dǎo)航

簡單談?wù)刟xios中的get,post方法

更新時(shí)間：2017年06月25日 11:55:55 投稿：jingxian

下面小編就為大家?guī)硪黄唵握務(wù)刟xios中的get,post方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

學(xué)習(xí)vue和nodejs的過程當(dāng)中，涉及到了axios，今天為了測試，寫了get和post兩個(gè)方法來跟node服務(wù)端交互，結(jié)果因?yàn)閔eader和參數(shù)弄了好久，在此記錄一下，同時(shí)分享；

由于剛接觸axios，在測試方法中，寫的都是很簡單的東西，不過能夠?qū)崿F(xiàn)基礎(chǔ)功能，大神看到的話..非常歡迎指導(dǎo)..

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

//對應(yīng)服務(wù)端獲取數(shù)據(jù) 

const urlModule = require('url');
let params = urlModule.parse(request.url, true).query;//解析數(shù)據(jù) 獲得Json對象
let value = params.key;//通過參數(shù)名稱獲得參數(shù)值
 

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

//對應(yīng)服務(wù)端獲取數(shù)據(jù)

const queryStringModule = require('querystring');
let postData = '';
request.on('data', function (chunk) {
　　postData += chunk;//接收數(shù)據(jù)
});
let params = queryStringModule.parse(postData);//解析數(shù)據(jù) 獲得Json對象
let value = params.key;//通過參數(shù)名稱獲得參數(shù)值

此種寫法猜測應(yīng)該只是一種比較簡單的實(shí)現(xiàn)，希望能夠幫到其他人，同時(shí)希望高手指教。

以上這篇簡單談?wù)刟xios中的get,post方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信網(wǎng)頁登錄邏輯與實(shí)現(xiàn)方法
這篇文章主要介紹了微信網(wǎng)頁登錄邏輯與實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2019-04-04
JavaScript函數(shù)Call、Apply原理實(shí)例解析
這篇文章主要介紹了JavaScript函數(shù)Call、Apply原理實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
TypeScript接口interface的高級用法詳解
interface 是typescript核心內(nèi)容,用來定義規(guī)范,無論是函數(shù),數(shù)組或者對象,還是類都可以用接口interface來進(jìn)行規(guī)范,而接口本身也是可以繼承和擴(kuò)展的,本文給大家詳細(xì)介紹了TypeScript interface的高級用法,需要的朋友可以參考下
2025-03-03
使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法
這篇文章主要介紹了使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法,需要的朋友可以參考下
2018-01-01
淺談Javascript的靜態(tài)屬性和原型屬性
本文給大家介紹的是javascript中的靜態(tài)屬性和原型屬性，并附上示例分析，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
uniapp頁面間傳參的幾種方法實(shí)例總結(jié)
在進(jìn)行頁面的跳轉(zhuǎn)的時(shí)候,往往需要我們將一些參數(shù)攜帶著傳遞過去,下面這篇文章主要給大家介紹了關(guān)于uniapp頁面間傳參的幾種方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
JS實(shí)現(xiàn)清除指定cookies的方法
這篇文章主要介紹了JS實(shí)現(xiàn)清除指定cookies的方法,在web程序設(shè)計(jì)中非常實(shí)用,需要的朋友可以參考下
2014-09-09
Mac下使用charles遇到的問題以及解決辦法
本文主要介紹了Mac下使用charles遇到的問題以及解決辦法。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
不得不知的ES6小技巧
ES6出來已經(jīng)有好幾年了，同時(shí)很多新特性可以被巧妙地運(yùn)用在項(xiàng)目中。我想要列下其中一些，希望它們對你有用
2018-07-07
JS實(shí)現(xiàn)簡易換圖時(shí)鐘功能分析
這篇文章主要介紹了JS實(shí)現(xiàn)簡易換圖時(shí)鐘功能,結(jié)合實(shí)例形式分析了javascript結(jié)合時(shí)間函數(shù)定時(shí)變換顯示圖片實(shí)現(xiàn)時(shí)鐘功能的相關(guān)操作技巧,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下
2018-01-01