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

这篇文章主要为大家详细介绍了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的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5905-0.html

注：关于vuejs使用axios异步访问时用get和post的实例讲解的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js