簡(jiǎn)單談?wù)刟xios中的get,post方法
學(xué)習(xí)vue和nodejs的過(guò)程當(dāng)中,涉及到了axios,今天為了測(cè)試,寫了get和post兩個(gè)方法來(lái)跟node服務(wù)端交互,結(jié)果因?yàn)閔eader和參數(shù)弄了好久,在此記錄一下,同時(shí)分享;
由于剛接觸axios,在測(cè)試方法中,寫的都是很簡(jiǎn)單的東西,不過(guò)能夠?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); }); //對(duì)應(yīng)服務(wù)端獲取數(shù)據(jù) const urlModule = require('url'); let params = urlModule.parse(request.url, true).query;//解析數(shù)據(jù) 獲得Json對(duì)象 let value = params.key;//通過(guò)參數(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); }); //對(duì)應(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對(duì)象 let value = params.key;//通過(guò)參數(shù)名稱獲得參數(shù)值
此種寫法猜測(cè)應(yīng)該只是一種比較簡(jiǎn)單的實(shí)現(xiàn),希望能夠幫到其他人,同時(shí)希望高手指教。
以上這篇簡(jiǎn)單談?wù)刟xios中的get,post方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Vue axios 中提交表單數(shù)據(jù)(含上傳文件)
- Vue.js實(shí)戰(zhàn)之使用Vuex + axios發(fā)送請(qǐng)求詳解
- axios基本入門用法教程
- vue中axios處理http發(fā)送請(qǐng)求的示例(Post和get)
- VUE axios發(fā)送跨域請(qǐng)求需要注意的問(wèn)題
- Vue+axios 實(shí)現(xiàn)http攔截及路由攔截實(shí)例
- axios學(xué)習(xí)教程全攻略
- vue axios同步請(qǐng)求解決方案
- vue使用Axios做ajax請(qǐng)求詳解
- 詳解Vue用axios發(fā)送post請(qǐng)求自動(dòng)set cookie
- 詳解Vue 2.0封裝axios筆記
- 詳解vue axios中文文檔
- vue axios用法教程詳解
- 關(guān)于使用axios的一些心得技巧分享
- Vue2 配置 Axios api 接口調(diào)用文件的方法
- 淺談關(guān)于axios和session的一些事
- vue項(xiàng)目中使用axios上傳圖片等文件操作
- Vue官方推薦AJAX組件axios.js使用方法詳解與API
相關(guān)文章
npm install jquery報(bào)錯(cuò)問(wèn)題解決
這篇文章主要為大家介紹了npm install jquery報(bào)錯(cuò)問(wèn)題解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10js eval函數(shù)使用,js對(duì)象和字符串互轉(zhuǎn)實(shí)例
下面小編就為大家?guī)?lái)一篇js eval函數(shù)使用,js對(duì)象和字符串互轉(zhuǎn)實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03基于JavaScript實(shí)現(xiàn)彈出框效果
彈出框在網(wǎng)站頁(yè)面中是必不可少的一部分,今天借助腳本之家平臺(tái)給大家分享使用js實(shí)現(xiàn)簡(jiǎn)單的彈出框效果,感興趣的朋友一起學(xué)習(xí)吧2016-02-02基于touch.js手勢(shì)庫(kù)+zepto.js插件開發(fā)圖片查看器(滑動(dòng)、縮放、雙擊縮放)
這篇文章主要為大家詳細(xì)介紹了touch.js手勢(shì)庫(kù)結(jié)合zepto.js插件開發(fā)圖片查看器,圖片可以實(shí)現(xiàn)滑動(dòng)、縮放、雙擊縮放等效果,2016-11-11JavaScript實(shí)現(xiàn)移動(dòng)端滑動(dòng)選擇日期功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)滑動(dòng)選擇日期功能,基于sui-mobile的移動(dòng)端實(shí)現(xiàn),感興趣的小伙伴們可以參考一下2016-06-06微信小程序批量監(jiān)聽輸入框?qū)Π粹o樣式進(jìn)行控制的實(shí)現(xiàn)代碼
這篇文章主要介紹了小程序批量監(jiān)聽輸入框?qū)Π粹o樣式進(jìn)行控制的實(shí)現(xiàn)代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10three.js實(shí)現(xiàn)圍繞某物體旋轉(zhuǎn)
本篇文章主要介紹了three.js實(shí)現(xiàn)圍繞某物體旋轉(zhuǎn)的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01JS給swf傳參數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS給swf傳參數(shù)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09