vue开发之：axios的get和post方法

武汉切图网络技术有限公司
027-81777732

2018年3月20日

vue开发之：axios的get和post方法

作为切图网的一名“切图仔” ，我们从“网页三剑客”那会一直做到现在，见证了切图到大前端的转变，现在的前端越来越无所不能，而作为一名合格的web前端，要跟进时代，不断的学习新的技术是必须的，下面在vue的学习中遇到的get和post 做数据处理时候的笔记，我们比较崇尚简单暴力的代码实现：
//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;//通过参数名称获得参数值

此种写法猜测应该只是一种比较简单的实现,希望能够帮到其他人,同时希望高手指教;