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;//通过参数名称获得参数值

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