简单谈谈axios中的get,post方法

 更新时间:2017年06月25日 11:55:55   投稿:jingxian  
下面小编就为大家带来一篇简单谈谈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方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 微信网页登录逻辑与实现方法

    微信网页登录逻辑与实现方法

    这篇文章主要介绍了微信网页登录逻辑与实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • JavaScript函数Call、Apply原理实例解析

    JavaScript函数Call、Apply原理实例解析

    这篇文章主要介绍了JavaScript函数Call、Apply原理实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • TypeScript接口interface的高级用法详解

    TypeScript接口interface的高级用法详解

    interface 是typescript核心内容,用来定义规范,无论是函数,数组或者对象,还是类都可以用接口interface来进行规范,而接口本身也是可以继承和扩展的,本文给大家详细介绍了TypeScript interface的高级用法,需要的朋友可以参考下
    2025-03-03
  • 使用mock.js随机数据和使用express输出json接口的实现方法

    使用mock.js随机数据和使用express输出json接口的实现方法

    这篇文章主要介绍了使用mock.js随机数据和使用express输出json接口的实现方法,需要的朋友可以参考下
    2018-01-01
  • 浅谈Javascript的静态属性和原型属性

    浅谈Javascript的静态属性和原型属性

    本文给大家介绍的是javascript中的静态属性和原型属性,并附上示例分析,十分的实用,有需要的小伙伴可以参考下。
    2015-05-05
  • uniapp页面间传参的几种方法实例总结

    uniapp页面间传参的几种方法实例总结

    在进行页面的跳转的时候,往往需要我们将一些参数携带着传递过去,下面这篇文章主要给大家介绍了关于uniapp页面间传参的几种方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • JS实现清除指定cookies的方法

    JS实现清除指定cookies的方法

    这篇文章主要介绍了JS实现清除指定cookies的方法,在web程序设计中非常实用,需要的朋友可以参考下
    2014-09-09
  • Mac下使用charles遇到的问题以及解决办法

    Mac下使用charles遇到的问题以及解决办法

    本文主要介绍了Mac下使用charles遇到的问题以及解决办法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • 不得不知的ES6小技巧

    不得不知的ES6小技巧

    ES6出来已经有好几年了,同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些,希望它们对你有用
    2018-07-07
  • JS实现简易换图时钟功能分析

    JS实现简易换图时钟功能分析

    这篇文章主要介绍了JS实现简易换图时钟功能,结合实例形式分析了javascript结合时间函数定时变换显示图片实现时钟功能的相关操作技巧,代码中备有较为详尽的注释便于理解,需要的朋友可以参考下
    2018-01-01

最新评论