vuejs使用axios异步访问时用get和post的实例讲解

更新时间：2018年08月09日 16:48:08 作者：milli236

今天小编就为大家分享一篇vuejs使用axios异步访问时用get和post的实例讲解，具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧

script中。

let data={....};

let url=xx;

方法各异：

GET：

this.$ajax.get(url,{
    params:data
   })
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

POST：

方法一：1.

  //请求后台数据之前转换入参

 
let url = xx; 
let data = {
    uname:this.uname,
    upwd:this.upwd,
    pid:this.pid
   };
 function transformRequest(data) {
   let ret = ''
   for (let it in data) {
    ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
   }
   return ret
 }
   let p = transformRequest(data)
   this.$ajax.post(url,p)
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

方法二：2

var qs = require('qs');

this.$ajax.get(url,qs.stringfy(data))
   .then(function (res) {
    console.log(res.data)
   })
   .catch(function (error) {
    console.log(error)
   })

this.$ajax是注入axios通过修改vue原型重新命名的，还是axios。

以上这篇vuejs使用axios异步访问时用get和post的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue和webpack打包项目相对路径修改的方法
这篇文章主要介绍了vue和webpack打包项目相对路径修改的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
vue-infinite-loading2.0 中文文档详解
本篇文章主要介绍了vue-infinite-loading2.0 中文文档详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
Vue利用History记录上一页面的数据方法实例
这篇文章主要给大家介绍了关于Vue利用History记录上一页面的数据的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-11-11
Vue3系列教程之插槽slot详解
插槽（slot）可以说在一个 Vue 项目里面处处都有它的身影，比如我们使用一些UI 组件库的时候，我们通常可以使用插槽来自定义我们的内容，今天通过本文给大家介绍vue3插槽slot的相关知识，感兴趣的朋友一起看看吧
2022-08-08
使用iView Upload 组件实现手动上传图片的示例代码
这篇文章主要介绍了使用iView Upload 组件实现手动上传图片的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10
详解vue父子模版嵌套案例
本篇文章主要介绍了详解vue父子模版嵌套案例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-03-03
vue使用v-model进行跨组件绑定的基本实现方法
这篇文章主要给大家介绍了关于vue使用v-model进行跨组件绑定的基本实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
VUE中filters过滤器的两种用法实例
vue中过滤器的作用可被用于一些常见的文本格式化,也就是修饰文本,但是文本内容不会改变,下面这篇文章主要给大家介绍了关于VUE中filters过滤器的两种用法,需要的朋友可以参考下
2022-04-04
利用Vue3实现一个可以用js调用的组件
最近遇到个功能要求,想要在全局中调用组件,而且要在某些js文件内调用,所以这篇文章主要给大家介绍了关于如何利用Vue3实现一个可以用js调用的组件的相关资料,需要的朋友可以参考下
2021-08-08
Vue下拉框双向联动效果的示例代码
这篇文章主要介绍了Vue下拉框双向联动效果,实现联动，大家都知道在vue的页面中，想要实现多个<el-select 下拉框的值动态改变，必须要调用@change 函数，具体操作方法跟随小编一起学习下吧
2022-04-04